H5 動畫屬性 3d屬性

animation

規定動畫

@keyframes name to{} }

@keyframes name 10%{} 20%{} 30%{} 40%{} 50%{} 60%{} 70%{} 100%{} }

動畫屬性

>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
divdiv:hover
/*關鍵幀*/
@keyframes movedhto}
style
>
head
>
>
>
div>
body
>
html
>

>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
.wrap
.box
@keyframes movedh
25%50%
75%100%
}style
>
head
>
>
class
="wrap"
>
class
="box"
>
div>
div>
body
>
html
>

定義x軸的寫法 :left/center/right/length/%

定義y軸的寫法 :top/center/bottom/20px/50%

transform-origin:x y;

等價寫法

transform-style:把2d轉換成3d/ preserve-3d;

perspective: 畫素px;(景深的值越小，使用者的視覺就在元素的裡面，值越大，使用者的視覺就在元素的外面)

perspective 屬性定義 3d 元素檢視的距離，以畫素計。

當元素定義 perspective 屬性時，其子元素會獲得透視效果

perspective翻譯過來叫 景深

基本屬性

>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
divdiv:hover
style
>
head
>
>
>
1212div
>
body
>
html
>

>
>
charset
="utf-8"
>
>
title
>
type
="text/css"
>
.wrap
.box
.box:hover
style
>
head
>
>
class
="wrap"
>
class
="box"
>
1212div
>
div>
body
>
html
>

H5 標籤屬性 input屬性

高亮文字 全部商品只要6.18 結果 加拼音文字 變bian 結果 軟換行,只試用於英文 zhe li shi ce shi wen zi，zhishiyongyuyingwen zhishiyongyuyingweninput輸入框 文字 text name username value 賬號 密...

H5表單屬性

form formaction formmethod placeholder autofocus list autocomplete list 指定文字框提供建議值的datalist元素，其值為datalist元素的id值。maxlength 設定文字框最大字元長度。pattern 用於輸入印證的正...

h5 新增屬性

預設提示內容 placeholder 多輸入,多提交 multiple 支援乙個域中多輸入，逗號隔開,一般配合郵箱和url型別使用 自動獲取焦點,頁面載入，自動獲取焦點游標 autofocus 防止空提交 required 允許輸入的最小字元數和最大字元數 minlength 允許輸入的最小字元長度...