Tag: CSS
-
Creating an animated hamburger menu icon with CSS-only
Using an animated hamburger menu icon is the most intuitive way to improve the user interface and experience of a web application or site. Here is a small tutorial on creating an animated hamburger menu icon with CSS only, there is no involvement of any JavaScript code. Here is a demo of the hamburger icon […]
-
Creating an animated hamburger menu icon
Even little animation can improve the overall user experience. Why not add this magic potion to your menu icon too. In this tutorial I’m showing you codes and scripts to create an animated hamburger menu icon. Before we get into HTML, CSS, and JavaScript. Here is a live demo: First let’s create a div element […]
-
Ensure text remains visible during webfont load
Web fonts are the major things now. Specially when you want to spice up your site with an elegant and unique design, but that come with a cost – a burden on page speed. That is why we need to ensure text remains visible during web font load, so it doesn’t flash or go blank […]
-
Why does a:link a:visited selector override a:hover a:active selector in CSS?
Most of us who are either learning CSS or trying out his very first project could face this issue. To fix this issue make sure you have all the selectors in the right order. The correct order is: a:link {} a:visited {} a:hover {} a:active {} If you change the order of any one like […]