Loading Effect Using CSS3

Loading effect using css3 tutorial is given below. Before css3, loading effect can be done only by Macromedia flash or GIF image. By using css3 animation property, we can do this effect easily   View Demo   .box1– outer circle .box – inner circle How this works .box1(outer circle) rotates slowly in anti clockwise direction… Read More »

Category: CSS

How to Create Simple WordPress Plugin

Creating a WordPress Plugin is a little bit easier. Here is the simple tutorial for wordpress plugin development. Plugin development involves following important aspects   Download >> Freeze-Plugin Plugin   This plugin will display today’s date How to Use this Plugin Download this plugin and install in your server/localhost Posts -> Add New type  … Read More »

Label for Radio Button Using HTML CSS

Label for Radio Button Using HTML CSS will makes look and feel of a radio button much better. This task is done with id and for. ID of the radio and its coresponding lable’s for value should be same. Here is the tutorial and demo link   View Demo   HTML [code type=html] <html> <body> <input… Read More »

Category: CSS

Best 4 Portfolio Design Using CSS3

Already we have discussed a single portfolio design and here is the tutorial for best 4 Portfolio Design Using CSS3. View Demo PORTFOLIO DESIGN – 1 HTML [code type=html] <div class=”outer”> <div class=”inner”> <img src=”http://byzerotechnologies.com/demo/rmedia1/images/print/1.JPG” /> <div class=”caption”>Business Card Design for Vydoha</div> </div> </div> <div class=”outer”> <div class=”inner”> <img src=”http://byzerotechnologies.com/demo/rmedia1/images/print/2.JPG” /> <div class=”caption”>Business Card Design… Read More »

Moving Image Effect Using CSS3

Moving an image using css animation effect will make website as more attractive. Here is the tutorial for moving image effect using css3 animation. View Demo SYNTAX animation:  animation-name |  animation-duration |  animation-iteration-count animation-name  –  animation name, we have to define property of this animation name animation-duration  –  speed of the effect animation-iteration-count – Number… Read More »

Category: CSS

Portfolio Design Using CSS3

Design of a portfolio page is an important thing. Portfolio design is like sering our designs to viewer in our best way. Here is the simple portfolio design using css3.   View Demo   How This Portfolio Design Works   HTML Code [code type=html] <div class=”outer”> <div class=”inner”> <img src=”http://demo.freezecoders.com/demos/image/1.JPG” /> <div class=”caption”>Marriage Invitation Card… Read More »

Simple Pricing Table Using CSS3

Pricing Table will be used when there are more than one product/tariff.  Important advantage of pricing table is, we can compare with other tariffs. Here is the tutorial and code for simple pricing table using css3.     View Demo   Below code will do the whole process, i.e., when we hover specfied box will… Read More »