CSS shaders “define a filter effects extensibility mechanism and provide rich, easily animated visual effects to all HTML5 content.” They work particularly well with CSS animations and CSS transitions, but they even work on video & SVG animations. Introducing CSS Shaders: Cinematic effects for the web →
Tag Archives: css
CSS Regions and CSS Exclusions
CSS3 Image Styles
CSS3 Image Styles holds a set of CSS3 style rules to set some nice effects on images: Circle, Card, Embossed, Cutout, Morphing, Glowing, etc. The tad of Javascript used to dynamically enhance all the images automagically looks awfully a lot like a piece I knocked up a while ago 😉 CSS3 Image Styles →
SMACSS
TransformJS
Transforming elements via Javascript in all browsers at once can be a real pain in the ass (think vendor prefixes). Enter TranformJS: 2D and 3D transforms as regular CSS properties you can set using .css() and animate using .animate() In code that basically means you can now use this: $(‘#test’).animate({ translateY:’+=150′, scale:’+=2′, rotateY: ‘+=’+(2*Math.PI), rotateX: …
Angles in CSS3 gradients subject to change
Hardboiled CSS3 Media Queries
CSS Object Model, Variables, Mixins, Nesting, and Modules
Positioning Firefox’ Tab Close Buttons on the left
“I can’t stand how the close button for tabs is on the right. On the Mac, close goes on the left.”— John Gruber (#) Last night I whipped up a tad of CSS to position the tab close buttons in Firefox 4 (currently in Beta) on the left hand side of the tab. The CSS …
Continue reading “Positioning Firefox’ Tab Close Buttons on the left”
RE: Rounded corners on images, CSS-only
Rounded corners are hot. They have been for a long time and still are. Recently things got a whole lot easier due to the fact that lots of browsers started supporting (their vendor specific prefixed version of) border-radius. One of the problems with it is that border-radius cannot be used on images. Tim Van Damme …