Download free fonts, graphics, icons, photos, psd templates and vectors files for designers and all creative people
Showing posts with label CSS3. Show all posts
Showing posts with label CSS3. Show all posts
Thursday, August 4, 2011
CSSWarp : A CSS3 Text to Path Generator
CSS3Warp is a proof of concept: create Illustrator like "warped" text (text following an irregular path) with pure CSS and HTML.
How does it work?
CSS3 brings new text-transform options: rotation, skew, matrix, transform-origin... By applying the right transformations to every single letter it is possible to create the illusion of text following a path.
Type your text into the webform, click "Warp it!", then alter the path as you like. You can attach your text to a circle or a bezier. Add or delete points, or change position, angle and radius of the circle. When your done, click "Generate code". Copy the CSS and HTML into your document.
http://csswarp.eleqtriq.com/
Saturday, July 30, 2011
Ultimate CSS Gradient Generator
Version 3 of Ultimate Generator
What's new
» Opacity support
· Create transparent css gradients, or add fade-in, fade-out, semi-transparency and similar effects
· Add any number of opacity stops to your gradient
· Supports opacity stops at any position - completely independent of color stops
· Automatically switch to rgba/hsla color output mode when transparency is used
· Outputs older Internet Explorer opacity format (yes, this will even work with IE6!)
· Opacity support when importing from CSS
· Supports importing gradients with transparency from an image
» Double click on CSS text output to select all of it for easy copying
» More robust new algorithm for converting gradient images to CSS, including alpha support
» New 'Adjustments' panel - tweak your gradient or create new flavors
· Adjust hue, saturation and lightness
· Reverse current gradient
» Added hsl and hsla color format support in CSS output
» Added a unique permalink to each gradient for linking to, saving or sharing specific gradients.
» Added the ability to toggle CSS comments on/off.
About
The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers.
As you might know, HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds for gradient effects.
Important: You'll need a recent version of Firefox, Chrome, Safari or Opera to use this Gradient Generator. The resulting CSS gradients are cross-browser - they will work in these browsers and will also fall back to a simpler gradient in Internet Explorer.
Links to CSS gradients documentation: in Firefox, Safari and Chrome (Webkit) [older], Internet Explorer and Opera [2].
Friday, February 4, 2011
New blog dedicated to free code and vector graphics
This blog is dedicated to code, free vector graphics: Adobe Fireworks, Flash, Illustrator AI, EPS, PDF, SVG, Corel Draw CDR files free to download - that's what you can find here.

Subscribe to:
Posts (Atom)

