Почему элементы стиля неоднократно добавляются в голову страницы, когда я нажимаю на стиль компонента?Html

Программисты Html
Ответить
Anonymous
 Почему элементы стиля неоднократно добавляются в голову страницы, когда я нажимаю на стиль компонента?

Сообщение Anonymous »

Emotion CSS, новый выводится в почти каждый раз, когда я нажимаю на компонент. Например, когда я нажимаю на кнопку, у меня есть эффект Ripple, где Ripple начинается от того, где нажимает пользователь. Если я изменяю местоположение, где пользователь нажимает каждый раз, когда добавляется новый стиль . Есть ли какая-то оптимизация, которую я могу сделать, чтобы избежать этого?

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

.css-ed674j-ripple_effect {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-radius: 100%;
position: absolute;
-webkit-animation-name: animation-h7qd33;
animation-name: animation-h7qd33;
-webkit-animation-duration: 850ms;
animation-duration: 850ms;
opacity: 0.75;
background-color: var(--color-accent-100);
top: -59.296875px;
left: 36px;
width: 169.59375px;
height: 169.59375px;
}



@-webkit-keyframes animation-h7qd33 {
to {
opacity: 0;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
}



@keyframes animation-h7qd33 {
to {
opacity: 0;
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
}

Введите описание изображения здесь

Подробнее здесь: https://stackoverflow.com/questions/795 ... click-on-c
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»