The CSS snippet collection contains utilities and interactive examples for CSS3. It includes modern techniques for creating commonly-used layouts, styling and animating elements, as well as snippets for handling user interactions.
Truncates text that is longer than one line.
CSS, Layout · Jan 7, 2021
Resets the box-model so that
height are not affected by
CSS, Layout · Dec 30, 2020
Creates a shadow similar to
box-shadow but based on the colors of the element itself.
CSS, Visual · Dec 30, 2020
Creates a responsive layout with a content area and a sidebar.
CSS, Layout · Sep 16, 2020
Creates a responsive container with a specified aspect ratio.
CSS, Layout · Aug 14, 2022
Creates a content container with a triangle at the top.
CSS, Visual · Jan 7, 2021
Customizes the scrollbar style for elements with scrollable overflow.
CSS, Visual · May 16, 2021
Provides a nicer alternative to
text-decoration: underline where descenders do not clip the underline.
CSS, Visual · Oct 13, 2021
Learn how to use the
cubic-bezier() class of easing functions and create beautiful animations that stand out.
CSS, Animation · Jun 12, 2021
The CSS selectors used to target the root element of an HTML share some similarities, but they also have some differences.
CSS, Layout · May 22, 2022
A short summary of your story up to 180 characters long.
CSS, Visual · Nov 23, 2022
Displays the link URL for links with no text.
CSS, Visual · Nov 11, 2022
Hides scrollbars on an element, while still allowing it to be scrollable.
CSS, Visual · May 13, 2022
Limit multiline text to a given number of lines.
CSS, Layout · May 16, 2021
You might have heard that
line-height should be unitless, but do you know why?
CSS, Layout · Nov 27, 2022