There are two easy way to make CSS3 Hexagon and I am gonna show you the way in details that how to create css3 hexagon. In both case we will use ':after' and ':before' Pseudo-classes. Actually my target is to use only one container in HTML to create a hexagon because we need three elements. By using :after and :before css3 Pseudo-classes, we will get other tow container. Well, let us see how to create Hexagon.
First way of CSS3 Hexagon.
First we will take a container, in my case, a div tag as our HTML markup for Hexagon. Consider a class hex1 for that. HTML markup is as follows. Continue reading →
A hexagon is a polygon with 6 edges and 6 vertex. Following is a example of hexagon taken from Wikipedia and there you will get more details about hexagon geometrically .
But we are here find the ratio of height and width to create hexagon in web designing. Well, there are two easy way to create hexagon as following images. First is with 2 triangle and 1 rectangle and second one is with 3 rectangle.
In both case we need rectangle and the question is that what will be the ratio of width and height of the rectangle? Well, we are here to calculate this. We will take a triangle from the hexagon for our calculation. Continue reading →
Let us see the features of this One Page Responsive HTML5 Portfolio Template as below
Metro Style Menu.
Created with HTML5 & CSS3.
Fully Responsive Layout.
Five Different Colors and Four Different Navigation Menu.
Modern, Clean and Flat Design.
CSS3 Content Animations. Continue reading →
Biz is a One Page Parallax HTML5 Templatehaving a highly creative design. We have tried to implement all the new technique of the current trend. It's Awesome animation and shapes like hexagon are created with CSS3 and we hope, it will touch you. It's now on Themeforest, a market place of creative web based work, for sale. Let us see the features of Biz HTML5 CSS3 Template
a) Awesome Menu
b) Nice top Slider
c) Image Parallax Background
d) Video Parallax Background
e) Fully CSS3 Hexagons
f) Nice Pricing Tables
g) Blog Section and Blog Page
h) Single page
i) A fully Responsive HTML5 CSS3 Validate Template and Integrated with 1) Bootstrap 2) Font Awesome 3) Pretty Photos 4) Owl Slider 5) Google Map ...
some screen shots of Biz HTML5 Template are given below...