0°

css3 链接鼠标放上去的动态效果

513 个字符,1 张图片,大约需要 1 分钟阅读
  a{text-decoration:none;}
  a:before,a[rel=link]:before{
  	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: red;
	content: ' ';
	-webkit-transition: all .2s;
	transition: all .2s;
	backface-visibility: hidden;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	transform-origin: center
  }
  a:hover:before,a[rel=link]:hover:before{
  	background-color: red;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);}
  a,a[rel=link] {
	position: relative
}

效果,鼠标放上去
css3

除非注明,否则均为喵喵喵博客原创文章,转载请以链接形式标明本文地址

本文链接:https://www.miaomiaomiao.org/1320.html

0 条回复 A 作者 M 管理员
    当上帝赐给你荒野时,就意味着,他要你成为高飞的鹰
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论