Hello dear, last few days I am playing with CSS3 hexagon for my next project. A various type of Hexagon I have used on that project. Few of those was to show up images , few are to show up some text with icons, buttons etc. Following are some snap short of those Hexagon created with pure CSS3 and nothing else.
The above is a pure css3 hexagon box with mouse hover effects.
These are the hexagon with Image and the smalls are for social buttons with font awesome. And also added the hover color for each social buttons according as their official color. For example Google use red color and here red is the hover color for Google plus hexagon button. Same for Facebook hexagon button and other social button.
You may love to see the post with all details ofhow to crate hexagon in CSS3. And I hope you will also play around with CSS3 Hexagons. It's easy.
Hi there, I did this project 1 year back and the first article about this script was in bangle. Today I will write that into English. I prepared that script as I have a site where I need to share email ID. But text email id is very attractive element for the email marketer! They just search @ sign and grab email ids! That's why I thought I need email id as an image.
Anyway, let's began. What I am gonna say is about a php script that will convert text into image and you may use it to print email on your site same like me. Well, Demo and Download link of the script is as follows
Now we will see the codes step by step. First create a new php file on your server give the name image.php, you are free to chose other name also. It's totally up to you. And on that new file, copy the following code