× İletişim Formu Kar Efekti CSS Kodları Arlina Design 10/29/2017 Etiketler : Blogger CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @keyframes rain{0%{background-position:0 0}100%{background-position:500px 1000px}} @-webkit-keyframes rain{0%{background-position:0 0}100%{background-position:500px 1000px}} .effect-rain{background-image:url("../img/effects/rain.png");-webkit-animation:rain 2s linear infinite;animation:rain 2s linear infinite} @keyframes sparkle{0%{background-position:0 0,0px 0,0px 0}100%{background-position:-500px -1000px,-400px -400px,300px 300px}} @-webkit-keyframes sparkle{0%{background-position:0 0,0px 0,0px 0}100%{background-position:-500px -1000px,-200px -400px,300px 300px}} .effect-sparkle{background-image:url("../img/effects/sparkle1.png"),url("../img/effects/sparkle2.png");-webkit-animation:sparkle 60s linear infinite;animation:sparkle 60s linear infinite} @keyframes glass{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px}} @-webkit-keyframes glass{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,-400px -400px}} .effect-sliding-glass{background-image:url("../img/effects/glass1.png"),url("../img/effects/glass2.png");-webkit-animation:glass 30s linear infinite;animation:glass 30s linear infinite} @keyframes confetti{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} @-webkit-keyframes confetti{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} .effect-confetti{background-image:url("../img/effects/confetti1.png"),url("../img/effects/confetti2.png");-webkit-animation:confetti 10s linear infinite;animation:confetti 10s linear infinite} @keyframes snow{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} @-webkit-keyframes snow{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} .effect-snow{background-image:url("../img/effects/snow1.png"),url("../img/effects/snow2.png");-webkit-animation:snow 20s linear infinite;animation:snow 20s linear infinite} body{font-family:'Fira Sans Condensed',sans-serif;padding-top:30px;padding-bottom:30px;background-color:rgb(237,239,241)} .effect-snow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcQncYI0gEe7uQ9RatdaFbszxfQugEMn1Tp8dnH2OyP3MaUwDZOugkN3QaMWLEMYo3jNJD1qPxTSY6aKJy2Y5YPGuoQ6pNQmEsHxdBHjRhcCdjoq6W2XNWyuezDyngdzqK0O8aOVTgTq0/s1600/snow1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvbrVvYGE9gUsZO0zFqh38x0z5FP_m1mu22qvsvrasUpBGt9wNedsRbOt4nc2jki_sYXb7rgIBP8LqvgGL_DwOt16AhVPhH6APMxZhyphenhyphenEZM4H01SWGrGAgRIkAOOPHx3sEZFF0QBWMTPY/s1600/snow2.png);-webkit-animation:snow 20s linear infinite;animation:snow 20s linear infinite} .fill{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;padding:0!important;margin:0!important} </style> </head> <body> <div class="effect-snow bg-effect fill no-click"></div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Kar Efekti CSS Kodları" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Kar Efekti CSS Kodları Arlina Design 10/29/2017 Etiketler : Blogger CSS Arlina Design <!DOCTYPE html> <html> <head> <style type="text/css"> @keyframes rain{0%{background-position:0 0}100%{background-position:500px 1000px}} @-webkit-keyframes rain{0%{background-position:0 0}100%{background-position:500px 1000px}} .effect-rain{background-image:url("../img/effects/rain.png");-webkit-animation:rain 2s linear infinite;animation:rain 2s linear infinite} @keyframes sparkle{0%{background-position:0 0,0px 0,0px 0}100%{background-position:-500px -1000px,-400px -400px,300px 300px}} @-webkit-keyframes sparkle{0%{background-position:0 0,0px 0,0px 0}100%{background-position:-500px -1000px,-200px -400px,300px 300px}} .effect-sparkle{background-image:url("../img/effects/sparkle1.png"),url("../img/effects/sparkle2.png");-webkit-animation:sparkle 60s linear infinite;animation:sparkle 60s linear infinite} @keyframes glass{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px}} @-webkit-keyframes glass{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,-400px -400px}} .effect-sliding-glass{background-image:url("../img/effects/glass1.png"),url("../img/effects/glass2.png");-webkit-animation:glass 30s linear infinite;animation:glass 30s linear infinite} @keyframes confetti{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} @-webkit-keyframes confetti{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} .effect-confetti{background-image:url("../img/effects/confetti1.png"),url("../img/effects/confetti2.png");-webkit-animation:confetti 10s linear infinite;animation:confetti 10s linear infinite} @keyframes snow{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} @-webkit-keyframes snow{0%{background-position:0 0,0px 0,0px 0}100%{background-position:500px 1000px,400px 400px,300px 300px}} .effect-snow{background-image:url("../img/effects/snow1.png"),url("../img/effects/snow2.png");-webkit-animation:snow 20s linear infinite;animation:snow 20s linear infinite} body{font-family:'Fira Sans Condensed',sans-serif;padding-top:30px;padding-bottom:30px;background-color:rgb(237,239,241)} .effect-snow{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcQncYI0gEe7uQ9RatdaFbszxfQugEMn1Tp8dnH2OyP3MaUwDZOugkN3QaMWLEMYo3jNJD1qPxTSY6aKJy2Y5YPGuoQ6pNQmEsHxdBHjRhcCdjoq6W2XNWyuezDyngdzqK0O8aOVTgTq0/s1600/snow1.png),url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTvbrVvYGE9gUsZO0zFqh38x0z5FP_m1mu22qvsvrasUpBGt9wNedsRbOt4nc2jki_sYXb7rgIBP8LqvgGL_DwOt16AhVPhH6APMxZhyphenhyphenEZM4H01SWGrGAgRIkAOOPHx3sEZFF0QBWMTPY/s1600/snow2.png);-webkit-animation:snow 20s linear infinite;animation:snow 20s linear infinite} .fill{position:absolute;top:0;left:0;height:100%;right:0;bottom:0;padding:0!important;margin:0!important} </style> </head> <body> <div class="effect-snow bg-effect fill no-click"></div> </body> </html>
Yorum Gönder