如何用代碼實現文字從邊緣處慢慢出現
做頁面的時辰，若是看到如許的環境，鼠標顛末邊框時，文字在框的一側呈現，這種結果用代碼若何實現呢
東西/原料
- HTML
方式/步調
- 1
如圖，在代碼東西做出如下簡單代碼，結果如圖所示
- 2
然后再對邊框和文字屬性簡單設置如下
- 3
還可以對文字部門添加屬性，line-height可以調節文字的行高，對應著文字的布景凹凸
- 4
在這里后，需要對父級和子集別離添加相對定位和絕對定位，文字部門是絕對定位，對其定位到最上面，對top輸入負值，就可以將其移除顯示區域；對父級添加了overflow:hidden后，對超出邊框的字就顯示埋沒了
- 5
然后起頭對:hover的屬性設置，當鼠標顛末邊框的時辰，這個時辰文字會慢慢回到邊框處，如圖
- 6
最后的結果就是如許了，文字從上面慢慢回到最本來的位置。
注重事項
- 若是此經驗對您有幫忙，請左側投票/存眷，感謝大師的撐持^_^
- 發表于 2018-11-25 00:00
- 閱讀 ( 760 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章