Snippets tagged “pseudo-elements”

HTML provides entity name or entity number to use reserved characters. Learn how you can add HTML entities to your code with the CSS content property.

If you are tired of standard heading styles then read this snippet and learn to add lines before and after heading giving it an attractive and unique style.

There are a few ways to break a line without using a <br> tag. For that, we can use the white-space and display properties, as well as pseudo-elements.

Read the tutorial to solve some of the most common design problems that are presented in design principles. Create overlay in different ways and find examples!

Learn how to create and style custom checkboxes and radio buttons. Also set custom images as checkboxes and radio buttons. See all with examples.

Create an awesome 3D stacked paper effect for your content container. Read the tutorial and find examples!

If you want your Website to look creative, then read our snippet and learn how to get a cut corner effect using different methods and try some examples.

You may come across the difficulty of making the border of an element shorter than its parent element. To overcome this, use CSS properties and HTML elements.

The content property is used with the ::after and ::before pseudo-elements. In this snippet, we’ll demonstrate how to rotate the content of these pseudo-elements.

Learn about the ways of how to zoom images and background images, transform, zoom in, zoom out and other effects with examples.

Read this tutorial and learn the simplest and fastest way of selecting and manipulating the CSS pseudo elements using some jQuery and CSS methods.

In this snippet, you can find some solutions to the problem of adding a box-shadow only on the left and right sides of the element. Use the box-shadow property.

In this snippet, you can find the solution of setting the equivalent of “src” attribute of an <img> tag. For that, use the content or background-image properties.

It's a common problem to truncate a multi-line string. In this snippet, we'll show how to do it with CSS properties. You can also use CSS pseudo-elements.