Bringing opportunities to the prepared mind.

Posts tagged ‘css3’

How to Create Social Media Buttons Using CSS3

CSS3 is truly amazing. It gives web designers the ability to create flexible and easily reusable design elements, and reduces our reliance on images and graphics editors. This is a guide shows you how to create stylish social media buttons using CSS3, HTML, and some freely available social media icons.”

You can also read the full article @ SIXREVISIONS.COM

How to Create Animated Shine Effect with jQuery & CSS3

“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.

Warping Drop Shadows to Give Depth

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 @

CSS3: 5 New Resources You Should Bookmark


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

10 Awesome CSS3 Techniques You’ll Want To Start Using

Speech Bubbles

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.