Unused CSS Blog

HTML Vertical Lines

Example of HTML Vertical Lines

In a previous article, we discussed the importance and construction of horizontal lines. In this article, we will talk about vertical lines - why they are useful and how we can construct them in multiple ways.

CSS Text Gradient

Example of CSS Text Gradient

A CSS gradient is a progression of two or more colors, in a specified manner and direction. The series of colors diffuse into each other smoothly at defined angles. Gradients are great-looking visuals that provide a pleasing aesthetic effect to the viewer.

HTML Line Dividers

Example of HTML Line Dividers

The content on a webpage, especially if academic in nature, can be composed of multiple topics and their subtopics. A decent way to indicate these transitions between topics is to use a visual separator element. The purpose of the separator element is to inform the user that the current topic/subtopic is concluding, and afterward a new topic will be discussed. For example, scenes of a play, scenarios in a novel, paras in an essay. You may be writing a blog on multiple concepts, and when one concept ends, you need a visual separator, etc. 

CSS Shake Animation

Example of CSS Shake Animation

Shaking an element can be very useful. It can call for attention and focus. For example, if you have a website and have introduced a new, important section in navigation, then just adding a New label may not feel convincing enough that the users, used to seeing the main content page, will notice it. You may have an e-store and introduce a brief sale offer, and you’d like the offer text to be ‘attention-seeking enough for the users to notice. In such cases, you can animate those elements to shake and stand out in terms of attention.

CSS Rainbow Text

Example of CSS Rainbow Text

In this article, we’ll talk about what is a Rainbow text and demonstrate building one through a basic example