加载中...

实现鼠标移入文字向右移动效果

发表于2021-03-14|前端

|字数总计:84|阅读时长:1分钟|阅读量:|评论数:

HTML代码

1	<div id='div1'>>>>鼠标移入此行会缓慢向右路移动<<<</div>

CSS代码

#div1 {
	-webkit-transition: margin-left .8s;
	-moz-transition: margin-left .8s;
	-o-transition: margin-left .8s;
 
}
#div1:hover {
	margin-left: 5px;
}

PS.

来源：鼠标移入文字上向右移动效果 - Crazy丶迷恋 - 博客园

文章作者: LeDao

文章链接: https://blog.zoutl.cn/105.html

HTML CSS

相关推荐

2021-03-15

给网页添加背景图片（网页缩小放大都不受影响）

2021-03-15

鼠标移入div显示查看更多

2021-06-01

一套绝佳的图标字体库和CSS框架：Font Awesome图标

2020-12-06

HTML去掉a标签的下划线

2023-01-15

CSS中margin和padding的区别

2021-01-31

:hover实现鼠标悬停效果