Skip to content

Instantly share code, notes, and snippets.

@AdithyaBhat17

AdithyaBhat17/textunderline.css

Created November 20, 2018 14:54
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save AdithyaBhat17/442f5d9575489e3559a804f8b4e8e302 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save AdithyaBhat17/442f5d9575489e3559a804f8b4e8e302 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. AdithyaBhat17 created this gist Nov 20, 2018.
    18 changes: 18 additions & 0 deletions textunderline.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    .hero-h1{
    margin:30vh auto 25px;
    font-weight: bold;
    padding-bottom: 5px;
    position: relative;
    opacity: 0;
    animation: 1s fade-in 1s forwards;
    }
    .hero-h1:before{
    content: "";
    position: absolute;
    width: 50%;
    height: 1px;
    bottom: 0;
    left: 20%;
    border-bottom: 4px solid #f30000;
    opacity: 0.8;
    }