Today, I've created a cherry blossom with CSS and HTML.
In this example, the most important point in this example is to position the elements correctly.
of the flower center which has the id "pollen1" meaning that the div elements are inside the "pollen1" div element. All child elements are positioned relative to its parent element. The CSS code "pollen1" has the property position:relative and the other elements have position:absolute.
And how do you make the pointed parts of the leaves? I`ve used white squares which have been rotated and they are the child elements to the the leaf elements.
In this example, the most important point in this example is to position the elements correctly.
The HTML & CSS Code
All the leaves and pollen of the cheery blossom are child elementsof the flower center which has the id "pollen1" meaning that the div elements are inside the "pollen1" div element. All child elements are positioned relative to its parent element. The CSS code "pollen1" has the property position:relative and the other elements have position:absolute.
And how do you make the pointed parts of the leaves? I`ve used white squares which have been rotated and they are the child elements to the the leaf elements.
No comments:
Post a Comment