_scripts/style.js
// Each  time mouse enter any porfolio showcase animate
Each  time mouse enter any porfolio showcase animate
Each time mouse enter any porfolio showcase animate
function enter() {
		this.index = divArr.indexOf(this);
		array = [], infoArr = []
		for(var i=0; i<div[divArr.indexOf(this)].childNodes.length; i++) {
			if(i%2 === 0)
				continue
			array.push(div[divArr.indexOf(this)].childNodes[i])
		}
		if(innerWidth > 800) {
			array[1].style= `
				width: 30px;
				height: 30px;
				top: 30px;
				transform: translate(0, 0);
				right: 20px;
				left: auto;
				z-index: 120;
			`;
		} else {
			array[1].style= `
				width: 30px;
				height: 30px;
				top: calc(100% - 40px);
				transform: translate(0, 0);
				right: 20px;
				left: auto;
				z-index: 120;
			`;
		}
		array[2].style.opacity = 1;
		for(var i=0; i<array[2].childNodes.length; i++) {
			if(i%2 === 0)
				continue
			infoArr.push(array[2].childNodes[i])
		}
		for(var i=0; i<infoArr.length; i++) {
			let dur = GetRandom(0, 0.8),
				del = GetRandom(0, 0.3),
				name = anim[GetRandomInt(0, anim.length-1)]
			infoArr[i].opacity = 0;
			Animate(infoArr[i], name, dur, del)
		}
	}
function enter ( ) { this . index = divArr . indexOf ( this ) ; array = [ ] , infoArr = [ ] for ( var i = 0 ; i < div [ divArr . indexOf ( this ) ] . childNodes . length ; i ++ ) { if ( i % 2 === 0 ) continue array . push ( div [ divArr . indexOf ( this ) ] . childNodes [ i ] ) } if ( innerWidth > 800 ) { array [ 1 ] . style = ` ` ; } else { array [ 1 ] . style = ` ` ; } array [ 2 ] . style . opacity = 1 ; for ( var i = 0 ; i < array [ 2 ] . childNodes . length ; i ++ ) { if ( i % 2 === 0 ) continue infoArr . push ( array [ 2 ] . childNodes [ i ] ) } for ( var i = 0 ; i < infoArr . length ; i ++ ) { let dur = GetRandom ( 0 , 0.8 ) , del = GetRandom ( 0 , 0.3 ) , name = anim [ GetRandomInt ( 0 , anim . length - 1 ) ] infoArr [ i ] . opacity = 0 ; Animate ( infoArr [ i ] , name , dur , del ) } }
Each  time mouse enter any porfolio showcase animate
Each time mouse enter any porfolio showcase animate
// Random animation for info elemeent // the h1 and p elements