Css

Search

css animate border bottom on hover

h1 { color: #666;display:inline-block; margin:0;text-transform:uppercase; }
h1:after {
  display:block;
  content: '';
  border-bottom: solid 3px #019fb6;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
h1:hover:after { transform: scaleX(1); }
h1.fromRight:after{ transform-origin:100% 50%; }
h1.fromLeft:after{  transform-origin:  0% 50%; }

Comment

PREVIOUS	NEXT

Code Example
Css :: custom select tailwind css
Css :: how to stilize title property css
Css :: Horizontal Scrolling Bopostrap CSS
Css :: remove scrollbar from select tag
Css :: text indent css
Css :: box shadow css property
Css :: css supports
Css :: lower brightness of backgroung css
Css :: most common media query sizes
Css :: input padding without changing width
Css :: css top padding
Css :: css dropdown menu with scrollbar
Css :: center block div
Css :: css align-items center
Css :: border 1px thick
Css :: Align vertically and horizontally
Css :: ionic mobile always dark theme in web
Css :: template html css bootstrap cdn
Css :: getting two scroll bars
Css :: css profile picture round
Css :: better transition timing functions
Css :: menu always center css
Css :: hide page scrollbar css
Css :: css italic
Css :: select third element of an id css
Css :: css grid 1 row 2 columns
Css :: onclick after color change in css
Css :: css mutline comment
Css :: css td vertical align
Css :: make previous commit master

Search

CSS

css animate border bottom on hover

ADD CONTENT