Mary Lou of Tympanus.net shows us a fun way to add a background image to a text element by experimenting with the CSS property “background-clip: text”. We can create very beautiful effects with the addition of these CSS3 transitions. Take note that the property ‘background-clip: text’ is supported in Webkit browsers only. Check out the [...]
Ivan Vanderbyl‘s cool CSS progress bar actually shows you a percentage of how much longer the process takes, unlike the others that just leave you guessing. Click on the screenshot above to see the code in action. HTML Markup <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title>Pure CSS Progress Bar</title> <link rel=”stylesheet” href=”stylesheets/ui.css”> <link rel=”stylesheet” [...]
First off, don’t dismiss this menu design based on the screenshot image alone. Instead, click on the image below to view the impressive demo. This cool navigation menu was created by 17-year old Felix Buhler, and it uses CSS3 keyframes property. To create the flashing effect, the menu’s attribute is simply changed from a static [...]
Thanks to Photoshop tools like gradients, font-face, etc. we can create some very cool buttons without needing to use a single image. Jeffrey Way delivers us his kickass version of a button a la Twitter using 100% CSS3. Yes folks, this is pure CSS. Click on the image above for the vid tutorial. Below is [...]
This is another jQuery slider that would amp up your website’s interface. The multi-node range and data slider, created by EGrappler, is extremely simple to use. It is highly customizable and has many functions aside from providing data selection and filtering. Click on the image for the demo. Download the zip file. CSS .slider.default [...]
0
485
