CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components

This post is the third in the series of posts exploring techniques and examples that can be achieved using both CSS and SVG, and compares them both.In this article, we are going to go over techniques for creating arbitrarily-shaped UI components usin…


This content originally appeared on Sara Soueidan — UI developer and was authored by Sara Soueidan

This post is the third in the series of posts exploring techniques and examples that can be achieved using both CSS and SVG, and compares them both.In this article, we are going to go over techniques for creating arbitrarily-shaped UI components using CSS properties and SVG’s capabilities, and a mix of both! Specifically, we will be talking about how to create circular menus, as these are the perfect example of usable non-rectangular UI elements.


This content originally appeared on Sara Soueidan — UI developer and was authored by Sara Soueidan


Print Share Comment Cite Upload Translate Updates
APA

Sara Soueidan | Sciencx (2015-09-01T00:00:00+00:00) CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components. Retrieved from https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/

MLA
" » CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components." Sara Soueidan | Sciencx - Tuesday September 1, 2015, https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/
HARVARD
Sara Soueidan | Sciencx Tuesday September 1, 2015 » CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components., viewed ,<https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/>
VANCOUVER
Sara Soueidan | Sciencx - » CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/
CHICAGO
" » CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components." Sara Soueidan | Sciencx - Accessed . https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/
IEEE
" » CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components." Sara Soueidan | Sciencx [Online]. Available: https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/. [Accessed: ]
rf:citation
» CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components | Sara Soueidan | Sciencx | https://www.scien.cx/2015/09/01/css-vs-svg-shapes-and-arbitrarily-shaped-ui-components-2/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts