html, css, jQuery, PHP, mySQL
Wednesday, March 23rd, 2011
TweetThis 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 »
Wednesday, March 9th, 2011
TweetThis tutorial is based on an article from css tricks showing how to create triangles with CSS3. mandala The basic principal is that you define a div with width: 0 and height:0, and then define three borders: two transparent borders on either side cut the third border into a sharp point (triangle), the [...]
Tags: angled triangle, angled triangles, black, borders, caption, colour, concepts, css, css tricks, design, div, equal angles, equilateral triangle, hypotenuse, isosceles triangle, mandala, number solutions, pythagorean triangle, pythagorean triple, sharp point, six pointed star, whole number
Posted in CSS3, Tutorials, web design | 11 Comments »