HTML/CSS

Rotating Border in CSS

Submitted by GeePee on
This project will teach you how to create a rotating border using pure css. There are different tricks on how to do this. First, we have to create four div's and set a border-bottom to 5px dashed. It will create a dashed lines. Form lines to a square. Animate lines to linear with a duration of 6 seconds infinite. Hope you learn from this.

Sparkling Lights Animation in CSS

Submitted by GeePee on
This project will teach you how to animate like a sparkling light using pure css. First we have to create a glowing light. You can use box-shadow property to make your object look like it's glowing. Then we have to set the animation-duration and animation-iteration-count. In my example, the duration is 1.5 seconds and iteration-count is infinite. Try this animation and I'm sure you'll enjoy

Customized Scrollbar in CSS

Submitted by GeePee on
This project will teach you how to customize a scrollbar using css. We can use this on webpage that has a large content. Scrollbar can be customize based on our preferred design. Scrollbar has different structures like button, track, thumb etc. Buttons can be clicked to increment or decrement the selection(mine has set to none). Track is the area where you can move the thumb. And thumb which is

Clipping in CSS

Submitted by GeePee on
This project will teach you how to use clip-path property in css. Clipping or clip-path property allows you to display a portion of an image inside the path or a shape. We can create different shape like, rectangle, circle and polygon but I have here an example of circle and polygon. It is easy program. Try it yourself. Hope you learn from this.

Tab Control in CSS

Submitted by GeePee on
This project will teach you how to create a tab control using html/css. On my previous project Tab Control, I used jquery, but this time it is pure html/css. It has the same function as the tab control which uses jquery. Hope you learn from this.