html - What causes this (b+w and blurred) effect? -
I wonder if someone gives me an idea on this site that Blur / B + Y is causing the effect
When the menu is on the menu bar, the main slider is B + W and focus. Is this CSS animation used?
Thanks for input
I was interested when I saw the link and dug it . Nothing fancy
@ - WebKit-keyframe blur {100% {-webkit-filter: blur (2px) grayscale (0.8); }} @ -webkit-keyframe unblock {100% {-webkit-filter: blur (0px) grayscale (0); }} .navOver.no-touch #hero_carousel .slide, .navOver.no-touch #hero_carousel .slide .slide_copy {-webkit- animation: blurred 1s ease; Webkit-animation-filled-mode: forward; } .no-touch #hero_carousel .slide, .no-touch #hero_carousel .slide .slide_copy {-webkit- animation: unbound 1s ease; Webkit-animation-filled-mode: forward; } I knew that in existence but in reality it was not known that you can use them. Be warned that they have lots of resources, so you will need to use them moderately
Comments
Post a Comment