Tuesday 10 February 2015

Create shapes using css

Hello readers!

In this blog we will discuss how to make shapes using css only. to make any shape we have to know mainly about 2 pseudo Elements.

::before :- We can use this element to insert some content before an element.

::after :- We can use this element to insert some content after an element.

Star (Six-corner) :-

    <div id='star-six'></div>
    #star-six {
    width: 0;
    height: 0;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 100px solid #333;
    position: relative;
    }
    
To read complete information about Creating Shapes using CSS visit FindNerd. Apart from this, you can also ask questions & look for various programming queries along with their solutions including android, php, c, java programming questions and answers etc. as it is an effective technology forum also.

No comments:

Post a Comment