The Post: "CSS Hexicons"


May 29 2017 CSS, jQuery, Layout 3 Comments
CSS Hexicons

This is a just a fun example of geometric shapes that can be achieved using only HTML and CSS. These are achieved using the :before and :after pseudo class elements. Basically these is a large triangular boarder, then a square div, then another triangular border and that make s up the outer shape. Going a little farther using SASS and Compass these elements are scalable using variables to define width and height.

Thus if I want any size I can just type it in and the padding, margins, and font size adjust appropriately.

Check out this Pen!

3 Comments

  • http://www.jordansretrogethome.com

    In Italy off Nike research center, engineers have created a new process, thus to shape this stubborn carbon fiber materials become soft shoe boots.
    http://www.jordansretrogethome.com http://www.jordansretrogethome.com/

  • cyber monday north face

    When you log in, in the event you want an merchandise, put it in your cart immediately. Once you do this, you reserve the product for ten minutes. Watch out, though, due to the fact in case you don’t examine out for the duration of that point body, you may lose your product to another shopper..
    cyber monday north face http://shop4airlinetickets.com/north-face-black-friday/

  • canada goose pas cher

    soldes canada goose
    canada goose pas cher http://www.bookwebpublishing.com/Canada_Goose/canada-goose-vestes.asp?id=33

Leave a Comment

Top