Snippets tagged “pseudo-elements”
14 snippets use this tag.
- How to Add HTML Entities with the CSS content PropertyCSS
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.
- How to Add Lines Before and After the Heading TextCSS
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.
- How to Break Line Without Using <br> Tag in CSSCSS
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.
- How to Create an Overlay Using CSSCSS
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!
- How to Create Custom Checkboxes and Radio ButtonsCSS
Learn how to create and style custom checkboxes and radio buttons. Also set custom images as checkboxes and radio buttons. See all with examples.
- How to Create Stacked Paper EffectCSS
Create an awesome 3D stacked paper effect for your content container. Read the tutorial and find examples!
- How to Cut Corners With Pure CSSCSS
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.
- How to Limit Border Length with CSSCSS
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.
- How to Rotate the Content of the ::after or ::before Pseudo-ElementCSS
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.
- How to Scale Images and Background Images on HoverCSS
Learn about the ways of how to zoom images and background images, transform, zoom in, zoom out and other effects with examples.
- How to Select and Manipulate CSS pseudo-elements using jQueryJavaScript
Read this tutorial and learn the simplest and fastest way of selecting and manipulating the CSS pseudo elements using some jQuery and CSS methods.
- How to Set a Box-Shadow Only on the Left and Right SidesCSS
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.
- How to Set the Equivalent of "src" Attribute of an <img> Tag in CSSCSS
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.
- How to Truncate Multi-Line String with Pure CSSCSS
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.