![css实现鼠标移入移出动态效果](https://900zi.500zi.com/uploadfile/img/14/601/49f093a5309cc1b14c1199c7b4d9fef6.jpg)
web前端|css教程
css,样式表,动态
web前端-css教程
这篇文章主要介绍了关于css实现鼠标移入移出动态效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
框架源码,vscode文本格式化,ubuntu加载光盘,tomcat安装路径错误,根部红头爬虫,手机迅雷种子php,惠州seo关键词如何推广,儿童教育网站源码lzw
知识点:transform-origin
vc 播放器源码,ubuntu安装串口监视,网络爬虫调度端,php执行其他php,seo77888lzw
兼容性:IE10以上
mysql官网下载源码包,ubuntu 宝塔面板卸载,测试tomcat的吞吐量,经典主题爬虫,php数组转换为整型,太原seo基础lzw
p { position: absolute; width: 200px; height: 60px; text-align: center; margin: 10px auto;}p::before { content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 2px; background: deeppink; transition: transform .5s; transform: scaleX(0); transform-origin: 100% 0;//以(100%,0)坐标为基本点移动即缩小到0倍---->scaleX(0)}p:hover::before { transform: scaleX(1); transform-origin: 0 0;//以(0,0)坐标为基本点移动即放大到1倍---->scaleX(1)}
Hover Me
纯css实现鼠标移入逐渐高亮