This content originally appeared on Sara Soueidan — UI developer and was authored by Sara Soueidan
In this article, we will learn how to apply CSS transforms to fake a "slice" shape, creating a circular navigation using nothing but CSS (and some maths!). The article includes an interactive demo that explains visually and step by step how the technique works and the shapes are created.
This content originally appeared on Sara Soueidan — UI developer and was authored by Sara Soueidan
Print
Share
Comment
Cite
Upload
Translate
Updates
There are no updates yet.
Click the Upload button above to add an update.
APA
MLA
Sara Soueidan | Sciencx (2013-08-09T00:00:00+00:00) Building A Circular Navigation With CSS Transforms. Retrieved from https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/
" » Building A Circular Navigation With CSS Transforms." Sara Soueidan | Sciencx - Friday August 9, 2013, https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/
HARVARDSara Soueidan | Sciencx Friday August 9, 2013 » Building A Circular Navigation With CSS Transforms., viewed ,<https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/>
VANCOUVERSara Soueidan | Sciencx - » Building A Circular Navigation With CSS Transforms. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/
CHICAGO" » Building A Circular Navigation With CSS Transforms." Sara Soueidan | Sciencx - Accessed . https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/
IEEE" » Building A Circular Navigation With CSS Transforms." Sara Soueidan | Sciencx [Online]. Available: https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/. [Accessed: ]
rf:citation » Building A Circular Navigation With CSS Transforms | Sara Soueidan | Sciencx | https://www.scien.cx/2013/08/09/building-a-circular-navigation-with-css-transforms-2/ |
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.