平滑的關(guān)鍵在于定義transition過渡時間,實際上設(shè)計邏輯類似于輪播圖,把內(nèi)容頁按順序排列,每個內(nèi)容頁寬高都是100%撐滿屏幕,在通過fixed在底部定義標簽卡,接下來其實也可以通過js定義點擊事件,在點擊標簽卡時切換css樣式名來過渡到對應(yīng)的內(nèi)容頁,因為css中定義了transition ,所以在用戶看來就是平滑過渡
2021-05-14
<meta name="viewpoint"content="width=device-width,initial-scale=1"> 設(shè)置網(wǎng)頁自適應(yīng)屏幕且不允許用戶縮放
2020-03-03
<meta http-equiv="X-UA-Compatible" content="IE-edge,Chrome=1"> 告訴瀏覽器采用最新渲染機制
2020-03-03
老師講的非常詳細也非常動聽,聲音太溫柔了,和聽ASMR一樣,我都快睡著了。這堂課讓我長見識了,原來純運用CSS也能做到操作頁面行為。給老師點個贊?。
2019-03-19
https://codepen.io/daivd_dai/project/editor/XoLLLK,我實現(xiàn)的代碼,沒有字體庫,大家可以參考哈
2018-11-26
制作大三角形時,正方形旋轉(zhuǎn)45度后變?yōu)榱庑?,菱形高度的一半不等于原正方形高度的一半,此時top不應(yīng)該設(shè)為原正方形的-50%,應(yīng)該重新計算,這里細節(jié)需要處理。
2018-11-05