“Addy Osmani shows us how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve.
You’ll also learn today how you can successfully use layering in your designs to give your gallery that extra bit of detail that can make it stand out from the others.”
Requirements: jQuery Framework & CSS3
License: License Free
This article was written by WebAppers.
Even though CSS3 has brought a lot to the table in regards to drop shadow effects, there are still plenty of reasons to use image alternatives. The drop shadows generated by CSS3 are relatively uniform, and don’t deviate much past size and transparency. In some cases, you might want to give a page some extra depth.
I ran into a similar situation in a recent client project, and decided to use a recent trend of warping drop shadows to help add some extra excitement to the page. You might have seen similar effects in other tutorials involving deleting a circular section, but this method will keep the edges from being too sharp. It also allows you to work with non-rectangular shapes because all points are editable in the warp tool’s grid.
Read the full tutorial @ BuildInternet.com
If you’ve been wanting to experiment with CSS3, now’s your chance. I’ve rounded up a few masterfully crafted CSS3 resources that a newbie or expert will enjoy equally. Enjoy!
Check them out @freelancereview
With CSS3 starting to work its way into the design arsenal, and browser support becoming much more widespread, many people are interested in using CSS3 in their new websites to add a bit of flare as well as to demonstrate proficiency in new web technologies.
We’ve gathered up 10 awesome CSS3 techniques, elements and demos that you’ll want to start using, and can start using today. Subscribe boxes, search forms and navigation menus are among the best targets to spice up with CSS3.
If you have any other tips, techniques or demos to share, let us know in the comments.
Read the article @creativefan.