× İletişim Formu Blogger 404 Animasyon Arlina Design 5/23/2017 Etiketler : Blogger 404 Blogger CSS Arlina Design <!--DOCTYPE html--> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); html,body {height: 100%;overflow: hidden;} body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto;display: flex;align-items: center;justify-content: center;} h1{font-size:50vh;font-family:sans-serif;position:relative;background:white;color:black;margin:0;padding:0;overflow:hidden} h1:before{content:'';display:block;position:absolute;-webkit-filter:blur(20px);filter:blur(20px);top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;background-image:repeating-linear-gradient(-45deg,transparent,transparent 1em,#9E2053 1em,orange 50%),repeating-linear-gradient(45deg,#111626,#111626 1em,pink 1em,#571B3D 50%);background-size:3em 3em,2em 2em;animation-name:ani;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate} @keyframes ani{from{background-position:0 0}to{background-position:400% 0}} </style> </head> <body> <div class='404'> <h1>404</h1> </div> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger 404 Animasyon" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger 404 Animasyon Arlina Design 5/23/2017 Etiketler : Blogger 404 Blogger CSS Arlina Design <!--DOCTYPE html--> <html> <head> <style type="text/css"> @import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed'); html,body {height: 100%;overflow: hidden;} body {font-family: 'Fira Sans Condensed', sans-serif;margin: 0 auto;display: flex;align-items: center;justify-content: center;} h1{font-size:50vh;font-family:sans-serif;position:relative;background:white;color:black;margin:0;padding:0;overflow:hidden} h1:before{content:'';display:block;position:absolute;-webkit-filter:blur(20px);filter:blur(20px);top:0;left:0;width:100%;height:100%;mix-blend-mode:screen;background-image:repeating-linear-gradient(-45deg,transparent,transparent 1em,#9E2053 1em,orange 50%),repeating-linear-gradient(45deg,#111626,#111626 1em,pink 1em,#571B3D 50%);background-size:3em 3em,2em 2em;animation-name:ani;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate} @keyframes ani{from{background-position:0 0}to{background-position:400% 0}} </style> </head> <body> <div class='404'> <h1>404</h1> </div> </body> </html>
Yorum Gönder