all reset
☀ Lights
Netbax Online Editor Try it Yourself
Run
HTML
reset
copy
Thank you!
This is Animated Page!
Contrary to popular belief, Lorem.
Nullam volutpat risus nec leo.
Sed non consequat odio.
Suco de cevadiss deixa as pessoas.
CSS
reset
copy
body, html { background: #000; } #content { width: 600px; margin: 0 auto; margin-top: 4%; } h1 { color: #fff; text-shadow: -1px -2px 3px rgba(17, 17, 17, 0.3); text-align: center; font-family: "Monsterrat", sans-serif; font-weight: 900; text-transform: uppercase; font-size: 80px; margin-bottom: -5px; } h1 underline { border-top: 5px solid #66FF00; border-bottom: 5px solid #66FF00; } h2 { width: 570px; margin-left: 16px; font-family: "Lato", sans-serif; font-weight: 600; color: #fff; } p{ font-weight: 600; font-family: "Lato", sans-serif; color: #fdee00; font-size:32px; text-align:center;} .img{margin-left:200px;}
Js
JAVASCRIPT
reset
copy
$(document).ready(function () { $("h1").hover(function () { $(this).addClass("animated infinite pulse"); }, function () { $(this).removeClass("animated infinite pulse"); }); });