Телеграмм чат группы css

Привет!

Никто не знает, почему тень без анимации остается?

например я делаю блок с тенью, который плавно появляется потом исчезает. А вот тень пакость - появляется и исчезает резко... как так???

источник

21:36пожаловаться #11

STEVE in CSS — русскоговорящее сообщество

покажи код

источник

21:38пожаловаться #12

Tim in CSS — русскоговорящее сообщество

Святослав Хусамов

тень прописана в обоих состояниях?

источник

21:39пожаловаться #13

СХ

Святослав Хусамов... in CSS — русскоговорящее сообщество

Tim

тень прописана в обоих состояниях?

это как?

источник

21:39пожаловаться #14

СХ

Святослав Хусамов... in CSS — русскоговорящее сообщество

STEVE

покажи код

сек... найду только его...

источник

21:39пожаловаться #15

Tim in CSS — русскоговорящее сообщество

ну чтобы анимация отрабатывала у тебя стиль который анимируется должен быть в обоих классах. Даже если в "изначальном" состоянии он нулевой/пустой

.block {
   border: 0
   transition: border 700ms;
}

.block--error {
   border: 2px solid red;
}

источник

21:41пожаловаться #16

DDR in CSS — русскоговорящее сообщество

Народ, можете тоже помочь? https://codepen.io/KKKqwe/pen/YzXeaKP

источник

21:41пожаловаться #17

СХ

Святослав Хусамов... in CSS — русскоговорящее сообщество

STEVE

покажи код

а показывать то похоже нечего(((

у меня используется
import {Snackbar} from '@material-ui/core';

и в нем корневой элемент с тенью. Тень я сам добавляю...

источник

21:41пожаловаться #18

DDR in CSS — русскоговорящее сообщество

При наведении на рамку, она не увиличивается. Опять ошибки?

источник

21:41пожаловаться #19

СХ

Святослав Хусамов... in CSS — русскоговорящее сообщество

Tim

.block {
   border: 0
   transition: border 700ms;
}

.block--error {
   border: 2px solid red;
}

похоже у меня transition без тени

надо глянуть...

источник

21:42пожаловаться #20