随笔 - 111  文章 - 0  评论 - 1  阅读 - 29776

网页布局------鼠标悬浮在图片上,图片进行平移

实现效果:鼠标悬浮在图片上,图片向上移动一段距离

通过平移的方式使图片进行移动

transform:translate(x-value,y-value);

内容向左和向右分别移动将参数设置为正值,向右向上移动将参数设为负值

也可以通过设置下面内容单独设置平移方向

transform: translateY();
transform: translateX();

如:向上移动

transform:translateY(-2)

 

posted on   昨夜小楼听风雨  阅读(143)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
历史上的今天:
2022-05-14 2.常用图表的简单绘制(柱状图、折线图、饼图、散点图、仪表盘、雷达图)
2022-05-14 1.创建ECharts图表
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示