如何用代码实现文字从边缘处慢慢出现
做页面的时辰，若是看到如许的环境，鼠标颠末边框时，文字在框的一侧呈现，这种结果用代码若何实现呢
东西/原料
- HTML
方式/步调
- 1
如图，在代码东西做出如下简单代码，结果如图所示
- 2
然后再对边框和文字属性简单设置如下
- 3
还可以对文字部门添加属性，line-height可以调节文字的行高，对应着文字的布景凹凸
- 4
在这里后，需要对父级和子集别离添加相对定位和绝对定位，文字部门是绝对定位，对其定位到最上面，对top输入负值，就可以将其移除显示区域；对父级添加了overflow:hidden后，对超出边框的字就显示埋没了
- 5
然后起头对:hover的属性设置，当鼠标颠末边框的时辰，这个时辰文字会慢慢回到边框处，如图
- 6
最后的结果就是如许了，文字从上面慢慢回到最本来的位置。
注重事项
- 若是此经验对您有帮忙，请左侧投票/存眷，感谢大师的撑持^_^
- 发表于 2018-11-25 00:00
- 阅读 ( 762 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章