Posts tagged with "CSS"
The site also offers 3 months of free cross-browser testing, through a partnership with BrowserStack. modern.IE provides new Chrome/Firefox add-ins and offline virtual machine images to help developers test their site regardless of what browser or platform they prefer to use. The modern.IE site, which we will update regularly, is another step forward in helping developers achieve the goal of interoperability through same markup. Through these efforts, we want developers to be able to spend more time innovating on the Web and less time testing.
Disclaimer: Do not use in production. Nothing of this works in Chrome (because they have not uprefixed gradients, just yet)
Pure CSS Triangle: http://jsfiddle.net/GBjXp/
Boring, just another triangle.
Simple color mix: http://jsfiddle.net/ugPUu/
Boring, RGB colors @ 120 degree shift.
Eye in a Tube: http://jsfiddle.net/qAYbK/
Overlaying radial gradients.
Notice how Firefox is starting to experience troubles with this one - dirty colors, stuttering. Special: drag/resize jsfiddle's layout grid, and you will see how Firefox draws radial-gradient all over your screen.
Liquid sky: http://jsfiddle.net/8Q8dj/
Something more visually enoyable.
This one is using background-size to patternize gradient, small alpha hsla for spiral gradient, also, corners are bluntly hacked.
Looks as intended in ie10/o12, but FF19 adds extra psychedelic effects, which you might decide to enjoy
CSS3: not so awesome
"The online IDE is one of the final frontiers of apps ported to the web. I would like to be able to develop from any computer or operating system and have the same experience without having to install software or create site definitions."
Adam Jimenez (founder)
Access and publish files through FTP/SFTP/Dropbox
Realtime syntax debugging
Step back in time with Revision History (Premier only)
Time-saving features like autocomplete, code folding, snippets, jump-to-line bracket closing
In previous blog posts, we covered CSS 3D Transforms as well as CSS Animations and Transitions. In this post, we introduce a more “unconventional” use case for these technologies by describing the concept of “full-page animations” that can be used during the navigation process to add fluidity and continuity to browsing. Our target is to achieve a seamless browsing experience in which content smoothly appears into view when the user visits a page and transitions away when he clicks on a link or performs a relevant action.
These effects can be accomplished by transforming the HTML body element using CSS Animations. However, this use case presents some considerations that we felt were worthy of discussion, such as the effect of layout and sizing on transforming body, as well as how to appropriately time page navigations so that they mesh properly with our animations.
|April 2013June 2013|