如何用純 CSS 創作牛奶文字變換效果

按下右側的「點選預覽」按鈕可以在當前頁面預覽，點選鏈結可以全屏預覽。

請用 chrome, safari, edge 開啟**。

定義 dom，容器中包含 2 段文字：

explorer

discovery

body

p

p 

p:nth-child(1) 
p:nth-child(2) 

p 

p:nth-child(1) 
p:nth-child(2) 
@keyframes show-hide 
25% 
40% 
50% 
}

@keyframes show-hide 

25% 
40% 
50% 
}

@keyframes show-hide 

25% 
40% 
50% 
}

.container

如何用純 CSS 創作階梯文字特效

按下右側的 點選預覽 按鈕可以在當前頁面預覽，點選鏈結可以全屏預覽。請用 chrome,safari,edge 開啟 定義 dom，容器中包含 1 個段落，段落中包含幾個單詞 stay hungry stay foolish 居中顯示 body設定文字樣式 container p container...

如何用純 CSS 創作一種文字斷開的互動特效

按下右側的 點選預覽 按鈕在當前頁面預覽，點選鏈結全屏預覽。請用 chrome,safari,edge 開啟 定義 dom，只有乙個元素，元素有乙個 data text 屬性，屬性值等於元素內的文字 break 居中顯示 html,body設定漸變背景色 body設定文字的字型字型大小 text利用...

如何用純 CSS 創作一顆逼真的土星

按下右側的 點選預覽 按鈕可以在當前頁面預覽，點選鏈結可以全屏預覽。請用 chrome,safari,edge 開啟 定義 dom，容器本身表示土星星球，其中的ring元素表示土星環 居中顯示 body定義容器尺寸 saturn畫出土星星球 此為草稿，後面還會細化 saturn saturn bef...