CSS(Cascading Style Sheets)是一種用于網頁設計和排版的標記語言。隨著互聯網技術的不斷更新,CSS也不斷地更新,不斷地增加新的屬性,使得我們的網頁設計越來越豐富多彩。下面,我們來介紹一些最新增加的CSS屬性。
1. scroll-behavior屬性
該屬性用于控制頁面滾動的行為。默認情況下,當我們通過錨點鏈接跳轉到某個具體的位置時,頁面直接跳轉到該位置。但在使用scroll-behavior屬性后,頁面會平滑地滾動到該位置。使用方式如下:
element { scroll-behavior: smooth; }
2. object-fit屬性
該屬性用于控制圖片/視頻等媒體元素在容器中的展示方式。默認情況下,媒體元素會按原始尺寸展示,并覆蓋容器。但在使用object-fit屬性后,媒體元素展示的方式會變得非常靈活,可以按比例縮放,填充容器,等等。使用方式如下:
img { object-fit: cover; }
3. backdrop-filter屬性
該屬性用于給元素添加一個背景濾鏡效果。默認情況下,我們只能使用CSS的濾鏡(filter)屬性對元素中的內容進行濾鏡處理。但是,使用backdrop-filter屬性可以對元素的背景進行濾鏡處理,使得我們可以創建出非常酷炫的視覺效果。使用方式如下:
element { backdrop-filter: blur(5px); }
4. conic-gradient屬性
該屬性用于創建一個錐形漸變效果。默認情況下,在CSS中我們只能使用線形、徑向兩種漸變效果。但使用conic-gradient屬性后,我們可以生成一個從一個圓錐的頂部開始漸變的圓環效果。使用方式如下:
background: conic-gradient(red, blue);
上一篇mysql+數據庫的類型
下一篇css方框和三角