You Are Viewing Posts Under Category: CSS Codes

Simple-Way-To-Change-The-Color-Of-Radio-Buttons

Simple Way To Change The Color Of Radio Buttons

A radio button is in the same situation as checkboxes on the web: no options for styling the native component, but the same strategy we used for checkboxes can be applied to radio buttons as well. Styling native radio input elements cross-browser is a bit more painful than it should be. Over the yea...
Android-Style-Toggle-Switch-Checkbox-For-Web-In-Pure-CSS

Android Style Toggle Switch Checkbox For Web In Pure CSS

If you are into web development you will for sure know what a “toggle switch” is. There’s almost no website or web application that is not using them nowadays. It’s a design element that provides the users with a way to choose between two different states. Commonly used in we...
12-Pure-CSS-Button-Border-Style-Hover-Effects-Using-Animation

12 Pure CSS Button Border Style Hover Effects Using Animation

Are you looking for cool Pure CSS button hover effects using Animation? If yes then you are in the right article. Here we are going to show you 12 unique stylish examples with source code. This set of fancy button effects looks good on all types of browsers and works on small as well as […]...
Pure-CSS-3D-Cover-Flow-Image-Swiper-Slider

Pure CSS 3D Cover Flow Image Swiper Slider

A 3D carousel is one of the most important components of a creative visual interface. It not only enhances the user experience but also attracts the user to stay longer on the page. There are many jQuery/JavaScript plugins to create a cover flow effect slider. But a general-purpose 3D coverflow imag...
3D-Rotating-Images-Slideshow-Using-Pure-HTML-and-CSS

3D Rotating Images Slideshow Using Pure HTML And CSS

A 3D slideshow for images is the right option while creating a creative website design. It not only attracts the users but also provides a good user experience while viewing your important images. If you want to create such a 3D images slideshow using HTML and CSS, then this tutorial is for you. The...
How-To-Create-A-Simple-Pure-CSS-Parallax-Effect

How To Create A Simple Pure CSS Parallax Effect?

The parallax effect is one of the niftiest little tricks that you can use on your landing page to attract the attention of your visitors. CSS has matured a lot over the past few years, and this means that there’s a lot of flexibility as to how something should be done. Hacky tricks like background...
How-To-Add-Simple-Pure-CSS-Vertical-Multi-Tabs-Widget-In-Site

How To Add Simple Pure CSS Vertical Multi-Tabs Widget In Site?

Are you looking for vertical tabs that are built up with pure CSS? if your answer is “yes!” then you are at the right place. Here I’ll explain how to create vertical tabs using HTML and CSS. But before this, I would like to introduce you to the basic use of tabs on a Web […]...