Default image

Code it Hub

SVG Patterns Using CSS

SVG Patterns Using CSS

The SVG <pattern> element allows us to define patterns inside of our SVG markup and use those patterns as a fill. The basic process for patterns goes something like: Define a <pattern> inside of the SVG Define the shapes inside…

Image Clip with Sliders using HTML CSS

Image Clip with Sliders using HTML CSS

Clip animation is done with a clip-path CSS property that allows you to specify a specific region of an image or any element to display, rather than showing the complete area. It helps to cover up the section you want…

Triangular List Bullets Using CSS

Triangular List Bullets Using CSS

Some Related Posts:- Custom Radio Buttons using HTML CSS Testimonials using only HTML CSS Ribbon in CSS Accordion Menu using HTML & CSS Sticky Navigation Bar using HTML CSS SVG Patterns Using CSS ul { margin: 0.75em 0; padding: 0…

Mega Menu using HTML & CSS

Mega Menu using HTML & CSS

Hello readers, Today in this blog you’ll learn how to create a Responsive Mega Menu and Dropdown Menu using only HTML & CSS. Earlier I have shared a blog on how to create a Responsive Dropdown Menu but now I’m…

Toggle Visibility When Hiding Elements

The development team at Medium have discussed some bad practices that break accessibility. In one example, they argue that opacity is not well supported by screen readers and so if we want to hide an element in a transition then…

the_category with Excludes in WordPress

Some Related Posts:- Custom Radio Buttons using HTML CSS Testimonials using only HTML CSS Ribbon in CSS Accordion Menu using HTML & CSS Sticky Navigation Bar using HTML CSS SVG Patterns Using CSS The WordPress function the_category doesn’t offer an…

Skeleton Loading Animation using HTML & CSS

Skeleton Loading Animation using HTML & CSS

A skeleton loading screen is the user interface (UI) that doesn’t hold actual content; instead, it animates the page’s layout by showing its elements in shape similar to the actual content as it is loading and becoming ready. Some Related…

Auto-Playing Slideshow Using CSS

Auto-Playing Slideshow Using CSS

Some Related Posts:- Custom Radio Buttons using HTML CSS Testimonials using only HTML CSS Ribbon in CSS Accordion Menu using HTML & CSS Sticky Navigation Bar using HTML CSS SVG Patterns Using CSS HTML Wrapper with divs as the slides,…