CSS3 Transition and Transform: Spinning Flower

Wednesday, March 23rd, 2011

This tutorial gives instructions for Safari (Webkit), and the demonstration files include styles for Safari and FireFox4. OK so in the last tutorial I showed you how to make an equilateral triangle with css3. Now you can use this basic triangle to make a flower, or another symmetrical shape, using the css3 attributes transform and [...]

Tags: background color, borders, circle and triangle, color fuchsia, colour, css, css3, demonstration files, design, diameter, divs, elements, equilateral triangle, flower petal, isosceles triangle, overflow, petals, radius, safari, symmetrical shape, transition, webkit
Posted in CSS3, Tutorials, web design | 2 Comments »