前端
影子Y
QQ429470554微信429470554
展开
-
html图片旋转动画
实现效果:鼠标悬停在图片的一定范围内,红色箭头指向的圆圈会旋转,移出则停止HTML源代码:<div class="case-item"> <div class="ih-item circle effect1"> <a href="http://www.lanrenzhijia.com"> ...原创 2019-06-18 09:38:10 · 5630 阅读 · 3 评论 -
Hover与JavaScript结合案例
原图:鼠标移入到红色矩形到导航栏下面的内容就会变化。 HTML源代码:<ul class="yuy"> <li><a href="">English</a></li> <li><a href="">Español</a></li> <li><a...原创 2019-06-08 21:13:52 · 496 阅读 · 0 评论 -
文字闪烁效果
原图:## 让文字带有闪烁效果HTML源代码:<li class="shansuo"> <a href=""" class="gsgw">公司官网</a> <span>股票代码:</span> <span >603888</span></li>Css:.gsgw...原创 2019-06-08 21:03:57 · 319 阅读 · 0 评论 -
前端Hover与动画过渡结合
1.Hover(伪类)的含义:伪类在鼠标移到元素上时向此元素添加特殊的样式。2. transition动画过渡的含义:transition是一个复合属性,包含以下几个子属性:transition-property:指定过渡或动态模拟的CSS属性;transition-duration:指定过渡完成所需的时间;transition-timing-function:指定过渡函数;tra...原创 2019-05-28 08:34:28 · 2988 阅读 · 0 评论