CSS3 Blog Posts

Enjoy CSS – Online Advanced CSS3 Code Generator

Enjoy CSS – Online Advanced CSS3 Code Generator

EnjoyCSS is an advanced CSS3 generator that allows you to get rid of routine coding. Its handy and easy-to-use UI allows you to adjust rich graphical styles quickly and without coding.

You’ll be able to play with all EnjoyCSS parameters just like in photoshop or illustarator (with sliders, colorpickers and etc) combining all possible CSS3 style capabilities for the same element. Moreover you can include pseudo states (:hover, :active, :focus, :after, :before) and style them as well. All required CSS code will be automatically generated by EnjoyCSS.

Responsive Social Sharing Buttons Built with SASS

Responsive Social Sharing Buttons Built with SASS

Ridiculously Responsive Social Sharing Buttons(RRSSB) is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automatically in the container. Adding a class of popup to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window.


Extract Inline CSS Styles from HTML Document

Extract Inline CSS Styles from HTML Document

ExtractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you. ExtractCSS is an open source project, you can check out the repository at GitHub

A Collection of CSS3 Powered Hover Effects

A Collection of CSS3 Powered Hover Effects

Hover.css is a collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.

All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS and SASS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don’t support these features may need some extra attention to be certain a fallback hover effect is still in place.

Convert Your Photoshop Layers into CSS3 Styles

Convert Your Photoshop Layers into CSS3 Styles

CSS3Ps is free cloud based photoshop plugin that converts your layers to CSS3. You can select several layers and groups of layers and convert them in one click. Stroke is converted into CSS border property. Inner Shadow, Inner Glow, Drop Shadow, Outer Glow are converted into CSS box-shadow property.

You can see the result styles in browser and share them with other people. It works on Windows or Mac OS X and Photoshop CS3 and later. And best of all, it’s absolutely free!