SIRIN LABS - Solarin - Home. Booounce! Portrait / Pro Cyclist Ivan Dominguez. Chrome Developer Tools - If you copy and paste... | Little Big Details. Eli.wtf. 30 Free Image Sources for Commercial Use Stock Photography and Clipart Graphics. S Golden Ratio Typography Calculator. Ink Transition Effect in CSS and jQuery.
An ink bleed transition effect, powered by CSS animations. Browser support ie Chrome Firefox Safari Opera 9+ I recently came across a couple of websites using ink bleeds as transition effects. A great example is the Sevenhills website. At first I thought they were using a HTML canvas powered technique (for allowing transparency), then I checked the source code and found out they weren’t using a video, but a PNG image sprite. By using a PNG sprite and the steps() timing function in CSS, we can create video effects and use them as transitions! In our resource, we used this technique to fire a modal window, but you can use it to transition between two different pages as well. The process to create these effects is simple, let me break it down for you: First, you need a video with a filling effect and a transparent area. Since our video is composed of 25 frames, the assets exported are 25 PNG images. Do you want to learn more about CSS transforms and animations?
League Gothic Font - Free Cufon Font Library. Create your own collection and download Create your own collection and download Now we supporting @font-face web fonts and cufónSign up and share your fonts with the worldthe largest font library more than 16 thousand fonts League Gothic FONT 1 Style Download League Gothic for MAC/WINDOWS/LINUX Generate Cufón Fonts League Gothic Cufón Package Generate @Font-Face Web Font League Gothic @Font-Face Package Share on wordpressShare on facebookShare on twitterShare on emailMore Sharing Services0 League Gothic Comments We need your support: please donate to help us to improve our website and to translate it Contact with us.