HTML
目次
特殊なスタイル
/* 画像をwrapにfit */
object-fit: cover;
/* css3 filter効果 */
filter:
/* css3 transform */
tansform:;
/* mobileデバイスのpointerでメディアクエリ */
@media(pointer: coarse) { }
/* 親要素の文字色を継承 */
border-top-color: currentColor;
/* バリデーションのスタイル */
input:valid { color: green; }
input:invalid { color: red; }
/* 要素が空の場合 */
h1:empty { display: none; }
/* css3 transform */
touch-action: manipulation;
touch-action: none;
user-select: none;
/* canvas */
pointer-events: none;
backface-visibility: hidden;
transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1s, -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 1s;
animation: show 1.5s linear 1.5s !important;