H 5とCSS 3
1191 ワード
HTML 5オーディオタグ
現在のブラウザのバージョンが低すぎます.ブラウザを交換してください.ラベル内の文字は、ラベルを認識していない低バージョンでのみオーディオラベル基本API:play():pause():objを一時停止する.duration:合計時間obj.CurrentTime:現在時刻obj.volume:音量obj.ended:Boolean timeupdateイベントを再生し、現在の再生位置に戻るかどうか
CSS 3フィルタ属性
すべてのフィルタの例以下の例は、すべてのフィルタの使用方法を示す.blur { -webkit-filter: blur(4px); filter: blur(4px); } .brightness { -webkit-filter: brightness(0.30); filter: brightness(0.30); } .contrast { -webkit-filter: contrast(180%); filter: contrast(180%); } .grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .huerotate { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); } .invert { -webkit-filter: invert(100%); filter: invert(100%); } .opacity { -webkit-filter: opacity(50%); filter: opacity(50%); } .saturate { -webkit-filter: saturate(7); filter: saturate(7); } .sepia { -webkit-filter: sepia(100%); filter: sepia(100%); } .shadow { -webkit-filter: drop-shadow(8px 8px 10px green); filter: drop-shadow(8px 8px 10px green); }
現在のブラウザのバージョンが低すぎます.ブラウザを交換してください.ラベル内の文字は、ラベルを認識していない低バージョンでのみオーディオラベル基本API:play():pause():objを一時停止する.duration:合計時間obj.CurrentTime:現在時刻obj.volume:音量obj.ended:Boolean timeupdateイベントを再生し、現在の再生位置に戻るかどうか
CSS 3フィルタ属性
filter: none | blur() | brightness() | contrast() | drop-shadow() |
grayscale() | hue-rotate() | invert() | opacity() | saturate() |
sepia() | url();
: 。
すべてのフィルタの例以下の例は、すべてのフィルタの使用方法を示す.blur { -webkit-filter: blur(4px); filter: blur(4px); } .brightness { -webkit-filter: brightness(0.30); filter: brightness(0.30); } .contrast { -webkit-filter: contrast(180%); filter: contrast(180%); } .grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .huerotate { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); } .invert { -webkit-filter: invert(100%); filter: invert(100%); } .opacity { -webkit-filter: opacity(50%); filter: opacity(50%); } .saturate { -webkit-filter: saturate(7); filter: saturate(7); } .sepia { -webkit-filter: sepia(100%); filter: sepia(100%); } .shadow { -webkit-filter: drop-shadow(8px 8px 10px green); filter: drop-shadow(8px 8px 10px green); }