css相關屬性

2021-10-01 11:09:59 字數 1352 閱讀 5903

css3中opacity屬性

指定透明度的屬性是opacity,屬性值從 0.0 到 1.0。值越小,越透明。

從 0.0 (完全透明)到 1.0(完全不透明)。

transition屬性

過渡transition是乙個復合屬性,包括transition-property、transition-duration、transition-timing-function、

transition-delay這四個子  屬性。通過這四個子屬性的配合來完成乙個完整的過渡效果。

transition: opacity 3s  --->過渡:不透明度3s

transition-property: 過渡屬性(預設值為all)

transition-duration: 過渡持續時間(預設值為0s)

transiton-timing-function: 過渡函式(預設值為ease函式)

transition-delay: 過渡延遲時間(預設值為0s)

css3 @keyframes 規則

a:簡介

@keyframes 規則是建立動畫。

@keyframes 規則內指定乙個 css 樣式和動畫將逐步從目前的樣式更改為新的樣式

transform屬性

transform屬性應用於元素的2d或3d轉換。這個屬性允許你將元素旋轉,縮放,移動,傾斜等。

scale,改變的不是元素的寬高,而是 x 和 y 軸的刻度

border-top 屬性

css屬性border-top是屬性 border-top-width, border-top-style, and border-top-color的三者的縮寫

例如:border-top: 10px solid #409eff;

CSS 背景相關屬性

頁面中可以用 jpg 或者 gif 作為背景圖,這與向網頁中插入不同,背景影象放在網頁的最底層,文字和等都位於其上。background clip 屬性的語法格式如下 background clip border box padding box content box text background...

css樣式字型相關屬性及背景相關屬性

css樣式 在外部新建乙個css樣式,在網頁檔案中新增 stylesheet type text css href style.css css之字型相關屬性 字型大小 font size 2px 2 smaller larger 相對于父視窗 字型樣式 font family 微軟雅黑,宋體 當瀏覽...

css字型設定相關屬性

css字型相關屬性 font family 字型名稱 font size 字型的大小 font style 字形 如斜體 fong variant 字型變化 如大寫 font weight字型粗細 字型演示qw 可以簡寫 font style font variant font weight fon...