jQuery Transit is a plugin for to help you do CSS transformations and transitions in jQuery. Include the plugin and you can use code like this to perform transformations: $(“#box”).css({ x: ’30px’ }); // Move right $(“#box”).css({ y: ’60px’ }); // Move down $(“#box”).css({ translate: [60,30] }); // Move right and down $(“#box”).css({ rotate: ’30deg’ …
Tag Archives: css
Vendor Prefix Drama
Grab a bucket of popcorn and start reading. “YHWH” clearly doesn’t get it (UA sniffing, only prefixed properties, inline JS, …) Hundreds of pages in our 16 plus domains DO NOT fade images on mouseover anymore, because the -moz-opacity:0.7 reading function is GONE. Seems like he’s also forgetting the fact it only works used to …
CSS Filters Demo
Convert Photoshop Layer Styles to CSS3 with CSS Hat
IE10 CSS Support
The following W3C draft standard features match these criteria and IE10 now supports them in their unprefixed form: Gradients (CSS Image Values and Replaced Content) CSS Animations CSS Transitions CSS Transforms font-feature-settings property (CSS Fonts) Indexed Database API Timing control for script-based animations (requestAnimationFrame) IE10 also supports the following W3C draft standards in vendor-prefixed form. …
New Twitter Logo in CSS
GPU Accelerated CSS Filters in Chromium
img { -webkit-filter: sepia(100%) contrast(200%) blur(5px); } The current set of supported filters in Chromium include many that are familiar to web developers with image processing experience, such as sepia, saturation, opacity, and blurs. GPU acceleration of these filters brings their performance to the point where they can be used for animating elements in conjunction …
CSS 3D Earth
Proposition to change the prefixing policy
When a browser vendor implements a new css feature, it should support it, from day 1, both prefixed and unprefixed, the two being aliased. If a style sheet contains both prefixed and unprefixed, the last one wins, according to the cascade. Authors should write their style sheets using the unprefixed property, and only add a …
Continue reading “Proposition to change the prefixing policy”
Opera Mobile Emulator with support for (some) -webkit vendor prefixes
Opera, along with Mozilla, announced at a CSS Working Group meeting that we would support some -webkit prefixes. This is because through our site compatibility work, we have experienced that many authors of (especially mobile) sites only use -webkit prefixed CSS, thereby ignoring other vendor prefixes and not even including an unprefixed equivalent. This leads …
Continue reading “Opera Mobile Emulator with support for (some) -webkit vendor prefixes”