IbrahimJabbari-Effect11
How do I make an ibrahimjabbari-effect11?
Creative Link Effects. What is a ibrahimjabbari-effect11? How do you make a ibrahimjabbari-effect11? This script and codes were developed by Ibrahim Jabbari on 12 August 2022, Friday.
IbrahimJabbari-Effect11 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>IbrahimJabbari-Effect11</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav class="ij-effect-11"> <a href="#" data-hover="Effect11">Effect11</a>
</nav>
</body>
</html>
IbrahimJabbari-Effect11 - Script Codes CSS Codes
body { font-family: 'Raleway', sans-serif; text-align: center; background-color: #2396df;
}
nav a { position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em;
}
nav a:hover,
nav a:focus { outline: none;
}
.ij-effect-11 a { padding: 10px 0; border-top: 2px solid #0972b4; color: #0972b4; text-shadow: none;
}
.ij-effect-11 a::before { position: absolute; top: 0; left: 0; overflow: hidden; padding: 10px 0; max-width: 0; border-bottom: 2px solid #fff; color: #fff; content: attr(data-hover); -webkit-transition: max-width 0.5s; -moz-transition: max-width 0.5s; transition: max-width 0.5s;
}
.ij-effect-11 a:hover::before,
.ij-effect-11 a:focus::before { max-width: 100%;
}
Developer | Ibrahim Jabbari |
Username | ibrahimjabbari |
Uploaded | August 12, 2022 |
Rating | 3 |
Size | 1,799 Kb |
Views | 20,240 |
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!
Name | Size |
IbrahimJabbari-Effect13 | 1,833 Kb |
CSS3 Typography | 1,928 Kb |
IbrahimJabbari-Effect18 | 1,942 Kb |
IbrahimJabbari-Effect19 | 5,990 Kb |
CSS3 Paper Folding Effect | 3,037 Kb |
Responsive Email Subscription Widget for Feedburner | 2,606 Kb |
IbrahimJabbari-Effect3 | 1,788 Kb |
Sample of various effects with CSS3 and Web Fonts | 1,923 Kb |
IbrahimJabbari-Effect2 | 5,945 Kb |
IbrahimJabbari-Effect21 | 1,882 Kb |
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!
Name | Username | Size |
NT Tribute | Skybutterfly | 2,850 Kb |
A Pen by Shidhin | Shidhincr | 5,015 Kb |
Pomodoro Timer | Sdas13 | 2,900 Kb |
Emberjs Bootstrap Modal Carousel | Somethingkindawierd | 4,233 Kb |
Feedback Page | TessDiNapoli | 2,836 Kb |
Twitch.tv API | Ryzokuken | 2,618 Kb |
Pruebas de d3.js | Juanmanuelcarnerero | 2,485 Kb |
Heartbeat | Apetrov | 2,079 Kb |
Resize image | Happyhj | 1,892 Kb |
CubeTronic | Jurbank | 3,716 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!