CSS: Adjust the Gap between Text and Underline

June 13, 2021 The Plumber

This article shows you a couple of different ways to increase or decrease the space between text and underline when using text-decoration: underline in CSS. Using text-underline-offset property The text-underline-offset property is used to set the…

CSS @keyframes Examples

June 14, 2021 A Goodman

This article walks you through a couple of different examples of using @keyframes to create animation in CSS. Example 1: The Moving Box This example will create a box that moves in a rectangular orbit. Besides…

CSS Circle Button Examples

December 2, 2020 A Goodman

This article walks you through a few examples of creating a circle button in CSS. Our strategy is to make a square button then set the border-radius to be equal to at least a half of…

CSS: Make a search field with a magnifying glass icon inside

December 2, 2020 A Goodman

This is a short and straight-to-the-point guide on how to make a search filed with a magnifying glass icon inside from scratch without using any third-party library. Here’s what you’ll see at the end: Getting Started…

1 2