As CSS3 is gradually more supported over popular browsers, CSS3 Buttons become great looking replacements for image and script heavy buttons. These buttons use CSS3 transitions and transforms to animate morphing icons to represent different functions. This is a simple demonstration of 5 buttons representing functions like Demo, Download, Digg, Email, and RSS. I may make more if the response is very positive about these buttons.
Recently, I`ve decided to make cheat sheet dedicated to simple shapes that can be made only by means of CSS3. I`ve used only instant description. Since I`ve included majority of simple shapes like squares, circles, triangles, ovals etc, you can easile combine some of these in order to make complicated shape using :before or :after content-related pseudo “elements”.
In this article you’ll learn how to create a pretty simple animated accordion with CSS3 :target pseudo-class. If you’re designing with usability in mind, then an accordion can be very useful when willing to organize content. The main advantage is packing a lot of content in a reduced space.View and Vote
As designers and developers we tend to always be on the look out for awesome resources to add to our virtual toolboxes. With the web design landscape moving in the direction of CSS3 and HTML5 we thought that we would help our readers find a few choice tools to start building up their toolboxes. So we went out across the web looking for some of the top offerings from the development and design community that can help get you started on using CSS3 and HTML5 today.
Hi friends, it’s time for another amazing tool for all of you, on this case an exclusive (and FREE) CSS3 text shadow generator to help you insert beautiful shadow effects to your texts. You can utilize this tool anytime you want, so if you liked it don’t forget sharing with your friends to help support ThemeShock.
One of the most important thing when you create a website is the navigation section. It has to be intuitive to use and placed in a hotspot area of your design so the user can find it easily. It helps the visitor to access a specific topic that is on your website. Below will find a great selection of 40 jQuery CSS3 drop down menus and tutorials that will inspire you and help you in the process of creating an amazing drop down menu for your website.
Asymmetrical image slider with a little slightly rotating twist.
Flux slider, hardware accelerated image transitions using CSS3. Cool!
20+ Amazing CSS3 Text Effect Tutorials and Experiments. Here are 20+ amazing CSS3 text effects tutorials and experiments you can look through and use in your web design.
I hope you have heard a little about CSS3 and HTML5. And I’m sure you’ve used at least one of the cool features they offer. But now it is time to use them at their full (or almost full) power. You may be asking yourself “It is time to change? Should I forget everything I [...]