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;