css3中translateY、translateX的使用

原創 歆冉 2018-10-31 02:02

1.png

效果:

2.png

3.png

此時的效果:

4.png

translate的使用。translate(x軸，y軸);

5.png

此時的效果:

6.png

再看一個例子:

7.png

此時的效果:

8.png


發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

編寫自適應高度的 textarea

CarterLi 2019-02-25 00:14:46

2018 年終總結

王鐵手 2019-02-23 21:34:41

背景虛化彈框效果

1枚小菜鳥 2019-02-23 00:21:48

css3選擇器

cmdlovehl 2019-02-22 20:54:46

CSS3漸變效果

angelineq 2019-02-22 20:11:50

CSS高效開發實戰:CSS 3、LESS、SASS、Bootstrap、Foundation --讀書筆記（2）CSS3利用圖層疊加實現多背景

woIwoI 2019-02-22 18:23:51

CSS3 box-shadow(陰影使用)

brokenjoin 2019-02-22 18:04:44

CSS3 圓角（border-radius）

brokenjoin 2019-02-22 18:04:44

@media 注意事項 寫作順序問題（非常重要）

DanielYue 2019-02-22 17:22:30

CSS3的calc()使用

DanielYue 2019-02-22 17:22:28

11種方法實現一個tips帶有描邊的小箭頭

w3cbest_com 2019-02-22 16:18:56

css新單位vw,vh在響應式設計中的應用

neptunecai 2019-02-22 15:57:20

CSS3 仿微信聊天小氣泡

VIP_web 2019-02-22 15:43:10

如何用css3實現風車效果

ly1989124423 2019-02-22 15:08:20

純CSS3帶動畫效果導航菜單

ly1989124423 2019-02-22 15:08:17