GitHubpage
拿來練習的小東西
兩天前用transfrom學了許多種方法讓網頁動起來,
今天想把他們串起來,因此做了一些不明所以的效果XDDDD。
可是好有趣。
其中,
利用transition-delay
來讓元素開始的時間有延遲,動起來有順序性。
然後另外一個有趣的是:
利用一個元素去控制另外一個區塊,
值得一提的是
當要控制其他元素的時候請用~
,
不要用+
,
上網查到用+,但是只能控制下一個,
要控制多個還是要用~
。
&:hover~.box1{
transform: rotate(720deg);
left: 50%;
background-color: green;
border-radius: 50px;
今天還在摸索功能!
請看明天的鐵人文