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"

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}

similar questions

how to reveal content on hover with expanding corner tabs in divi hiding text css and leaving whitespace hiding text outside of border css text decoration underline not removing css broken image has top margin 3f text decoration underline padding how to prevent anchor links from scrolling behind a sticky header with one line of css remove underline on hover span how to make scroller show only on hover of container text decoration too long stop padding from changing div size css without underline using show more button show infinite content display none but keep space stop anchor tag scroll to top of page css everything under element force table to fit to page css

queries leading to this page

css text decoration animation css hoverstate underline slowly animate link underline css underline with ease css hover underline animation css animated underline css hover animated underline css expanding underline on hover css css animated link underline underline animation css hover under line effect css underline animate on hover css underline animation simple underline css hover effect css hover a tag underline slide in underline transition css underline animated transition css underline css when hover draw line under the word underline animation css examples animate underline on hover css css have underline animate how to make animated underline css underline animation css on hover underline css animation smooth underline on hover css css underline transition css underline on hover animation transition with underline hover css codepen react transition navbar underline underline hover css transition link line animation css link underline animation css add expanding underline on page load css css how to animate underline animate text underline css css hover underline animation css slow underline a cool underline style in css animation underline on hover css link underline animation with id drawed underline css css on hover underline animation css border underline animation css underline efect css animation underline line animation under text css creating an ease in underline css underline hover effect css cool border underliine effect css underline link animation css make a cool underline effect with css css animate underline css underline animation on hover underline animation on hover underline transformation css css animated underline underline on hover text animation css css animation menu item progressive underline make a underline animation css underline animation css underline text on hover progressive underline link animation css easy create an underline effect css animated underline hover css how to link underline css animation css transition underline on hover underline outwards effect css link hover underline animation css link underline animation animate underline css underline on hover link animation text underline animation css style growing line underneath css link hover animation underline animation line css hover animating a lign under link in css top underline effects text decoration animation css black line under menu link hover transition css under line animation css draw underline how to make a hover underline with transform css underline css effect underline grows on hover css link hover effects underline add expanding underline on page load css