發(fā)簡(jiǎn)信
IP屬地：陜西
-
contenteditable="true" 的元素添加 placeholder 的交互
實(shí)現(xiàn)效果 當(dāng)可編輯區(qū)域內(nèi)容為空時(shí)，顯示 data-placeholder 的提示文本（灰色）； 輸入內(nèi)容后，提示文本自動(dòng)隱藏； 清空內(nèi)容（包括空...
-
使用 CryptoJs 加密解密資料 在線查看[https://codepen.io/sunxiaochuan/pen/PwYzjjd?editors=0010] 效果圖 效果...
-
css sprite 雪碧圖實(shí)現(xiàn)推特的點(diǎn)贊動(dòng)畫
資料 原文地址 CSS sprite sheet animations[https://leanrada.com/notes/css-sprit...
-
使用 background-image 實(shí)現(xiàn)網(wǎng)格背景效果演示 image.png 源碼
-
星星點(diǎn)點(diǎn)向上滾動(dòng)的動(dòng)畫
效果演示 Kapture 2025-01-21 at 16.03.54.gif 源碼
-
頂部固定導(dǎo)航優(yōu)雅動(dòng)畫
效果演示 Kapture 2025-01-06 at 15.11.30.gif 源碼
-
overscroll-behavior: contain 滾動(dòng)條滾動(dòng)區(qū)域設(shè)置為容器內(nèi)部
效果演示 默認(rèn)狀態(tài)演示 Kapture 2024-12-27 at 10.13.54.gif 添加設(shè)置后狀態(tài)演示 Kapture 2024-12...
-
fit-content 寬度設(shè)置為內(nèi)容自動(dòng)填充
效果演示 image.png 源碼
-
accent-color 系統(tǒng)默認(rèn)的強(qiáng)調(diào)色
效果演示 image.png 源碼
個(gè)人介紹