Advertisement
bueddl

[cud] navbar li hover effect

May 11th, 2016
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.38 KB | None | 0 0
  1.  
  2. header li a {
  3.   position: relative;
  4. }
  5. header li:not(.selected) a:after {
  6.   transition: height 1s;
  7.   position: absolute;
  8.   content: "";
  9.   display: block;
  10.   background: #f8f8f8;
  11.   border: 1px solid #E6E8EB;
  12.   width: 40px;
  13.   border-bottom-color : #f8f8f8;
  14.   bottom: -2px;
  15.   left: calc(50% - 20px);
  16. }
  17. header li:not(.selected):hover a:after {
  18.   height: 6px;
  19.   bottom: -1px;
  20. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement