Best of CSS-TricksMay 2022

  1. 1
    Article
    Avatar of css_tricksCSS-Tricks·4y

    Beautify GitHub Profile | CSS-Tricks

    Beautify is a tool that lets you create your own custom-made badges. The tool is available for iOS, Android, Windows, Mac and Linux. The site also has a number of other tools to make it easier for you to make your own. For more information on how to use the tool, visit the website.

  2. 2
    Article
    Avatar of css_tricksCSS-Tricks·4y

    4 Cool Hover Effects That Use CSS Text Shadow | CSS-Tricks

    In this article we will focus on the CSS text-shadow property to explore even more interesting hovers. You are probably wondering how adding shadow to text can possibly give us a cool effect, but here’s the catch: we’re not actually going to make any shadows for these text hover effects.

  3. 3
    Article
    Avatar of css_tricksCSS-Tricks·4y

    Cool CSS Hover Effects That Use Background Clipping, Masks, and 3D | CSS-Tricks

    We’ve walked through a series of posts about interesting approaches to CSS hover effects. In this article, we will build off those two articles to create even more complex CSS hover animations. We’re talking about background clipping, CSS masks, and even getting our feet wet with 3D perspectives.

  4. 4
    Article
    Avatar of css_tricksCSS-Tricks·4y

    A Perfect Table of Contents With HTML + CSS | CSS-Tricks

    A table of contents is an important part of a print book. It represents the title of the chapter or section and links the title to the page number. The easiest way to solve this is to simply insert the word “page’s” before the number before the title.

  5. 5
    Article
    Avatar of css_tricksCSS-Tricks·4y

    Creating Realistic Reflections With CSS | CSS-Tricks

    Reflections are stylized mirror images of objects. In design, reflections are not as popular as shadows, but they have their moments. Unlike years past, we can actually make reflections with CSS! Here’s what we’ll be making in this article.