20.鼠标移出过渡效果

效果 (源码网盘地址在最后)

关注公众号《大迁世界》，查看更多视频教程！

源码

index.html

  
   CSS 鼠标移出过渡效果
  




靠近我呀
  

css

h1::before {  
  transform: scaleX(0);
  transform-origin: bottom right;
}

h1:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

h1::before {
  content: " ";