CSS 的 mix-blend-mode 屬性是現代網頁設計中一個強大而富有創意的工具，它允許開發者控制元素內容與其背景（包括父元素和兄弟元素）的混合方式。這個屬性為設計師和開發者...

袁志蒙 2025-04-19 2032次瀏覽

在 CSS 中，我們經常需要控制元素的樣式屬性，并且有時候我們希望某些屬性能夠重置、繼承或恢復為默認值。為了解決這些需求，CSS 提供了四個非常實用的關鍵字：initial、inherit、unset 和 revert...

袁志蒙 2025-01-09 1720次瀏覽

1. inputmodeinputmode 全局屬性是一個枚舉屬性，它提供了用戶在編輯元素或其內容時可能輸入的數據類型的提示。<input type="text" inputmode="tel" />該屬性可以取以下值：...

袁志蒙 2024-08-24 1863次瀏覽

在這篇文章中，我們將深入解析一個css實現華為充電動畫的效果。這個動畫涉及到了許多 CSS 和 HTML 的關鍵技術，包括 CSS 動畫、定位、過濾器、偽元素、轉換等。

袁志蒙 2024-06-02 1970次瀏覽

今天抽了點時間用 HTML+CSS 寫了一個 鴻蒙OS 開機動畫 ，用的最多的就是css的animation這個屬性，分享一下：

袁志蒙 2023-11-19 2110次瀏覽

一、:focus-within 選擇器在CSS中 :focus-within 是一個偽類選擇器，它代表的是在一個元素內部獲得焦點的元素。這個選擇器主要用于確定當用戶在某個元素內部點擊或者通過鍵...

袁志蒙 2023-10-15 1366次瀏覽

一個冒號是偽類，兩個冒號是偽元素。偽類可以獨立于文檔的元素來分配樣式，且可以分配給任何元素，邏輯上和功能上類類似，但是其是預定義的、不存在于文檔樹中且表達方式也不...

袁志蒙 2023-10-15 1175次瀏覽

prefers-color-scheme 是什么？W3C 在 2020 年 7 月 31 日發布的 Media Queries Level 5 標準草案 中提到了新的屬性 prefers-color-scheme，網頁現在可以通過條件規則組來獲取瀏覽器宿系統的暗色模式狀態并應用了。也就是說，現在我們可以很簡單地實現...

袁志蒙 2023-05-14 1557次瀏覽

最近看到幾個css新屬性，突發奇想的可以實現一個比較有意思的效果，我們叫做文字穿透效果吧，主要用到了幾個css屬性：# 文字設置成透明 color: transparent; # 文字描邊 text-stroke: 1px #fff;

袁志蒙 2023-05-09 1195次瀏覽

交融效果:方式一: 元素設置filter:blur模糊,元素父級設置contrast時,會實現模糊元素相交產生水滴交融且相交部分變清晰的效果即:進行動畫的圖形的父元素需要是被設置了filter:...

袁志蒙 2023-04-23 1497次瀏覽