add expanding underline on page load css

Solutions on MaxInterview for add expanding underline on page load css by the best coders in the world

showing results for - "add expanding underline on page load css"
Cristina
01 Jul 2019
1#sec {
2  display: inline-block;
3  position: relative;
4  padding-bottom: 3px;
5}
6#sec:after {
7  content: '';
8  display: block;
9  margin: auto;
10  height: 3px;
11  width: 0px;
12  background: transparent;
13  transition: width .5s ease, background-color .5s ease;
14}
15#sec:hover:after {
16  width: 100%;
17  background: blue;
18}
queries leading to this page
css text decoration animationcss hoverstate underline slowlyanimate link underline cssunderline with ease csshover underline animation cssanimated underline css hoveranimated underline cssexpanding underline on hover csscss animated link underlineunderline animation csshover under line effectcss underline animate on hovercss underline animationsimple underline css hover effectcss hover a tag underline slide inunderline transition cssunderline animatedtransition css underlinecss when hover draw line under the wordunderline animation css examplesanimate underline on hover csscss have underline animatehow to make animated underline cssunderline animation css on hoverunderline css animationsmooth underline on hover csscss underline transitioncss underline on hover animationtransition with underline hover css codepenreact transition navbar underlineunderline hover css transitionlink line animation csslink underline animation cssadd expanding underline on page load csscss how to animate underlineanimate text underline csscss hover underline animationcss slow underline acool underline style in cssanimation underline on hovercss link underline animation with iddrawed underline csscss on hover underline animationcss border underline animationcss underline efectcss animation underlineline animation under text csscreating an ease in underline cssunderline hover effect csscool border underliine effect cssunderline link animation cssmake a cool underline effect with csscss animate underlinecss underline animation on hoverunderline animation on hoverunderline transformation csscss animated underlineunderline on hover text animation csscss animation menu item progressive underlinemake a underline animation cssunderline animation css underline text on hover progressiveunderline link animation css easycreate an underline effect cssanimated underline hover css how tolink underline css animationcss transition underline on hoverunderline outwards effect csslink hover underline animationcss link underline animationanimate underline cssunderline on hover link animationtext underline animation cssstyle growing line underneath csslink hover animation underlineanimation line css hoveranimating a lign under link in csstop underline effectstext decoration animation cssblack line under menu link hover transitioncss under line animationcss draw underlinehow to make a hover underline with transform cssunderline css effectunderline grows on hovercss link hover effects underlineadd expanding underline on page load css