Category css

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…

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…

CSS Tabs with Slider Indicator

CSS Tabs with Slider Indicator

Hello readers, Today in this blog you’ll learn how to create Pure CSS Tabs with Indicator using only HTML & CSS. Earlier I have shared a blog on how to create Active Tabs Click Animation with Icons and now it’s…

Pricing Tables using HTML & CSS

Today in this blog you’ll learn how to create Responsive Pricing Tables using only HTML & CSS. Earlier I have shared a blog on how to create Pure CSS Tabs with Slide Indicators and now it’s time to create responsive…

Mailto HTML Links | CSS HTML

Mailto HTML Links | CSS HTML

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 Basic Open default mail program, create new…

Create CSS Emoji Star Rating Widget

Create CSS Emoji Star Rating Widget

As you may know, A star rating is a rating question or widget that provides people a rate of an app, product, service, or something else with several stars. The number of stars can range from 5 to 10 stars.…

Vertical Timeline Using HTML & CSS

Generally, A timeline is a chart listing the important events for progressive years within a particular historical time. The vertical timeline is navigated with a vertical line and moves vertically when you scroll it. Nowadays, every website has its own…

Hamburger Bun Menu Using CSS

Hamburger Bun Menu Using CSS

While the redesign was focused on other things, one thing that stuck out was the use of a hamburger menu icon in a newly designed responsive navigation. And, not just any hamburger, a meatless one—just the buns. Some Related Posts:-…