Best 3 players on fifa 14 - HOVER THEM

Developer
Robert Borghesi
Size
3,546 Kb
Views
32,384
  1. Best 3 players on fifa 14 - HOVER THEM Previews
  2. Best 3 players on fifa 14 - HOVER THEM HTML Codes
  3. Best 3 players on fifa 14 - HOVER THEM CSS Codes
  4. Best 3 players on fifa 14 - HOVER THEM JS Codes

How do I make an best 3 players on fifa 14 - hover them?

First work in scss, my personal top 3 players in fifa 14. Hover them to see what happen. Hope you like.. What is a best 3 players on fifa 14 - hover them? How do you make a best 3 players on fifa 14 - hover them? This script and codes were developed by Robert Borghesi on 27 August 2022, Saturday.

Best 3 players on fifa 14 - HOVER THEM Previews
IQ Test

Best 3 players on fifa 14 - HOVER THEM - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Best 3 players on fifa 14 - HOVER THEM</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="main_title">HOVER MY TOP 3 PLAYERS IN FIFA 14<br> <span>that's my honest opinion, I'm not Jürgen Klopp. </span></div>
<div class="container"> <div class="hover"> <img src="http://www.iltourdinibali.it/codepens/aguero.jpg" /> <span class="title"> Aguero </span> <span class="desc">26 years old - Manchester City </span> <div class="margin_top"></div> <div class="margin_left"></div> <div class="margin_bottom"></div> <div class="margin_right"></div> </div> <div class="hover"> <img src="http://www.iltourdinibali.it/codepens/ibra.jpg" /> <span class="title"> Ibrahimovic </span> <span class="desc">32 years old - PSG </span> <div class="margin_top"></div> <div class="margin_left"></div> <div class="margin_bottom"></div> <div class="margin_right"></div> </div> <div class="hover last"> <img src="http://www.iltourdinibali.it/codepens/aubameyang.jpg" /> <span class="title"> Aubameyang </span> <span class="desc">25 years old - Borussia Dortmund </span> <div class="margin_top"></div> <div class="margin_left"></div> <div class="margin_bottom"></div> <div class="margin_right"></div> </div>
</div> <script src="js/index.js"></script>
</body>
</html>

Best 3 players on fifa 14 - HOVER THEM - Script Codes CSS Codes

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700);
* { margin: 0px; padding: 0px; -moz-box-sizing: border-box; box-sizing: border-box;
}
img { border: solid 1px white; max-width: 100%; height: auto;
}
html, body { background-color: #424242; font-family: 'Open Sans', sans-serif; color: white;
}
.main_title { font-size: 40px; font-weight: 800; line-height: 23px; text-align: center; margin-top: 50px;
}
span { font-weight: 300; font-size: 15px;
}
.container { width: 1000px; height: 250px; margin: 50px auto 0 auto;
}
.hover { width: 300px; height: 250px; background: #212121; margin-right: 50px; position: relative; overflow: hidden; float: left; cursor: pointer;
}
.last { margin-right: 0;
}
.margin_top, .margin_bottom { width: 300px; height: 10px; background: white; position: absolute; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.margin_top { left: 300px; top: 0;
}
.margin_bottom { left: -300px; top: 240px;
}
.margin_left, .margin_right { height: 250px; width: 10px; background: white; position: absolute; -webkit-transition: all 0.5s; transition: all 0.5s;
}
.margin_left { left: 0; top: -250px;
}
.margin_right { left: 290px; top: 250px;
}
.hover:hover .margin_top { left: 0;
}
.hover:hover .margin_right { top: 0;
}
.hover:hover .margin_bottom { left: 0;
}
.hover:hover .margin_left { top: 0;
}
.hover img { -webkit-transition: all 0.5s; transition: all 0.5s;
}
.hover:hover .title { opacity: 1; margin-top: 0px;
}
.hover:hover .desc { opacity: 1; margin-top: 0px;
}
.hover:hover img { opacity: 0.3;
}
.title { color: white; opacity: 0; margin-top: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; text-transform: uppercase; font-size: 20px; font-weight: 700; border-bottom: solid 1px white; padding: 2px 10px; top: 120px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); left: 50%; position: absolute;
}
.desc { color: white; width: 100%; text-align: center; top: 155px; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); left: 50%; position: absolute; font-weight: 300; opacity: 0; margin-top: 30px; -webkit-transition: all 0.8s; transition: all 0.8s; font-size: 14px;
}

Best 3 players on fifa 14 - HOVER THEM - Script Codes JS Codes

/* FULLSCREEN IS BETTER */
Best 3 players on fifa 14 - HOVER THEM - Script Codes
Best 3 players on fifa 14 - HOVER THEM - Script Codes
Home Page Home
Developer Robert Borghesi
Username dghez
Uploaded August 27, 2022
Rating 3.5
Size 3,546 Kb
Views 32,384
Do you need developer help for Best 3 players on fifa 14 - HOVER THEM?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Robert Borghesi (dghez) Script Codes
Name
Easy parallax header
Css Rotating 3d cubes different speed
Sorting with morphing content
Pure custom css animation on new google logo
Gradient border on hover - Scorer of fifa world cup
Fullscreen slice hero slider
Anaglyph 3D with CSS-blend on mouseMove
Hover otating cards folder of OnePiece characters
Continuous register clean form with autoresize input
SlamDunk Parallax on MouseMove
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!