10000000/10. Парень, ты очень ясно всё рассказал и я очень благодарен тебе. Вчера провозился и не мог найти нужную информацию, а ты прям выручил:) Всё быстро, краткой и понятно и изложил то что действительно может при работе пригодится. В общем удачи тебе и счастья тебе и твоей семье:) Удачи!
заметил, что transition-delay не будет корректно работать для нескольких свойств, если указано одно из значений без единицы измерений. например: transition-delay: 0s, 1s будет работать корректно, а вот transition-delay: 0, 1s - не будет.
Спасибо за урок! Было очень позновательно! Хоть я и хорошо знаю что и CSS, что JS, но вот до анимаций так я и не смог никак добраться :( Твои уроки очень мне помогли с этим разобраться
все очень подробно и ясно , большое спасибо. Однако почему-то не работает плавный переход цвета на градиенте , изменяется только размер. body { display: flex; justify-content: center; } .gradient { margin-top: 40px; width: 200px; height: 200px; border-radius: 50%; background: radial-gradient(circle at 60% 30%, rgb(207, 127, 146) , rgb(146, 22, 53) ); transition-duration: 5s ; transition-delay: 0.5s; } .gradient:hover { scale: 1.5; background: radial-gradient(circle at 60% 30%, rgb(96, 208, 252) , rgb(6, 33, 187) ); } вот код , может есть возможность указать на ошибку? Заранее спасибо
А если в квадрате есть текст, то текст размывается при увеличении анимации(при наведении на него курсором), как этого избежать?? Прописать в hover отдельно свойство для текста?
Пять баллов из пяти и без воды. Для меня Ваш канал просто находка) поделился со своей группой по учебе) Громадное спасибо!!!!!!!!!!!!!!!!!!
Спасибо большое за отзыв
"Так мы можем управлять временем" как звучит то )
Ну да, круто)
Спасибо за хорошую серию уроков, и в дальнейшем хороший справочник.
Спасибо за отзыв)
Целый день сидел и искал , запутался в край, где -то про keyframes говорят , где - то про transition, нашел это видео и понял все , автору респект
👍
Спасибо огромное! Все с толком и без воды!😊
Пожалуйста
10000000/10. Парень, ты очень ясно всё рассказал и я очень благодарен тебе. Вчера провозился и не мог найти нужную информацию, а ты прям выручил:) Всё быстро, краткой и понятно и изложил то что действительно может при работе пригодится. В общем удачи тебе и счастья тебе и твоей семье:) Удачи!
Спасибо большое за отзыв
Супер понятное и простое видео, спасибо
Очень грамотно, как всегда.
👍
Спасибо за хорошее объяснение.
Пожалуйста
Красавчик!
Спасибо)
"Так мы можем управлять временем."
😁
Спасибо за курс и проделанную тобой работу! Благодаря твоим курсам узнал много нового! Ну а с моей стороны - лайк, подписка, комментарий!
Пожалуйста
Спасибо за интересные видео. Подскажите, сам не могу найти, есть ли на канале мануалы по работе с canvas и SVG - очень плаваю в этой теме.
К сожалению, по SVG информации нет
заметил, что transition-delay не будет корректно работать для нескольких свойств, если указано одно из значений без единицы измерений. например: transition-delay: 0s, 1s будет работать корректно, а вот transition-delay: 0, 1s - не будет.
В SCSS это точно не должно вызывать ошибку. А вот в CSS видимо вызывает
Спасибо! Очень понятно :)
Пожалуйста)
Спасибо за урок! Было очень позновательно! Хоть я и хорошо знаю что и CSS, что JS, но вот до анимаций так я и не смог никак добраться :(
Твои уроки очень мне помогли с этим разобраться
Спасибо за отзыв
База
👍
давай теперь курсы js с практиками
Появится в этом году
все очень подробно и ясно , большое спасибо. Однако почему-то не работает плавный переход цвета на градиенте , изменяется только размер.
body {
display: flex;
justify-content: center;
}
.gradient {
margin-top: 40px;
width: 200px;
height: 200px;
border-radius: 50%;
background: radial-gradient(circle at 60% 30%, rgb(207, 127, 146) , rgb(146, 22, 53) );
transition-duration: 5s ;
transition-delay: 0.5s;
}
.gradient:hover {
scale: 1.5;
background: radial-gradient(circle at 60% 30%, rgb(96, 208, 252) , rgb(6, 33, 187) );
}
вот код , может есть возможность указать на ошибку? Заранее спасибо
Кажется забыли perspective
Да, можно было рассказать
А если в квадрате есть текст, то текст размывается при увеличении анимации(при наведении на него курсором), как этого избежать?? Прописать в hover отдельно свойство для текста?
Неее, так не получится. При анимации текст всегда будет страдать. Лучше вынести его на отдельный слой и не анимировать