css

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.

Expanding Download Button in CSS

Submitted by GeePee on
This project will teach you how to animate a button using css. The download button will expand once hover and you can put any captions you like on the expanding part. In my example, I put number of downloads made. You can also change the speed of transition in second whether you want to expand faster or slower. Hope you learn from this.