前端 CSS基礎理論總結(九)

2021-09-06 16:08:19 字數 913 閱讀 5886

css3圓角、陰影、rgba

css3陰影

......

rgba(新的顏色值表示法)

css3 transition動畫

transition-delay 設定動畫的延遲

transition: property duration timing-function delay 同時設定四個屬性

舉例:

......

css3 transform變換
.box:hover
.box3:hover
.box2:hover
.box4:hover
/*設定盒子按3d空間顯示*/

transform-style: preserve-3d;

div元素

div

div:hover

div:nth-child(1)

div:nth-child(2)

div:nth-child(3)

/*設定盒子背面是否可見*/

backface-visibility: hidden;

舉例:(翻面效果)

背面文字說明

css3 animation動畫

舉例:(人物走路動畫)

前端 HTML基礎理論總結(一)

一 什麼是b s 二 軟體開發流程 三 網頁三要素 四 html 五 html基本結構 六 標籤 標籤名 標籤內容七 元素上邊的h1我們稱為元素 我是乙個段落 p也是乙個元素,em是p的子元素,p是em的父元素 內容 body也是乙個元素,body是p和em的祖先元素,p和em是body的後代元素 ...

前端 JS基礎理論總結(一)

特點 js的編寫位置 js的注釋 js中嚴格區分大小寫 js中每一條語句以分號 結尾 js中會忽略多個空格和換行,所以我們可以利用空格和換行對 進行格式化 字面量和變數 識別符號 資料型別 string 字串 number 數值 boolean 布林值 null 空值和undefined 未定義 強...

前端 JS基礎理論總結(六)

迴圈語句while迴圈 語法 while 條件表示式 do.while迴圈 語法 dowhile 條件表示式 實際上這兩個語句功能類似,不同的是while是先判斷後執行,而do while會先執行後判斷,do while可以保證迴圈體至少執行一次,而while不能 for語句,也是乙個迴圈語句,也稱...