Должны ли предварительно-восстановленные движения следует использовать для отключения тонких движений на основе кликов м ⇐ CSS

[Anonymous]

Я собираюсь уменьшить анимации на моей веб-странице, проверив на @media (предпочитает-уменьшенное движение: уменьшить) . Очевидно, что большие широкие анимации должны уйти, например, изображения, выдвигающиеся на странице. Тем не менее, я не уверен в более тонких вещах, таких как нажимание кнопок или баннеры заголовков при нажатии. Или незначительные движения, подобные этому, ОК?

Код: Выделить всё

div.closeButton
{
color         : black;
text-align    : center;
display       : inline-block;
cursor        : pointer;
box-shadow    : 0 0 0 1px black;
padding-left  : 6pt;
padding-right : 6pt;
margin-top    : 2px;
margin-right  : 1px;
margin-bottom : 2px;
margin-left   : 6pt;
border-radius : 4px;
}

div.closeButton
{
width : 6pt;
}

div.closeButton::before
{
content : "\00d7"; /* × */
}

@media screen and (pointer: fine)
{
div.closeButton:hover
{
color      : red;
box-shadow : 0 0 0 2px red;
}

div.closeButton:active
{
color      : red;
box-shadow : inset 0 0 0 1px red, 0 0 0 1px red;
}

div.closeButton:active::before
{
content : "\2022"; /* • */
}
}

div.header
{
width: 50%;
line-height: 40px;
font-size: 32px;
background-color: green;
color: white;
text-align: center;
vertical-align: middle;
cursor: pointer;
user-select: none;
}
div.header:hover
{
color : yellow;
}
div.header:active
{
font-size:28px;
}< /code>





Test






Some Text Here

Подробнее здесь: https://stackoverflow.com/questions/796 ... ts-based-o