Веброзробка

Анімація в CSS-2. Приклади анімацій кнопок

Цей пост продовження поста про анімації через transition. Хочу додати кілька прикладів, які я використовую для анімації кнопок по наведенню. Приклад 1. Плавна зміна коліру. Приклад 2. Плавне горизонтальне заповнення. В цій та наступних ми використовуюмо псевдоелемент :before. Для того, щоб він не перекривав текст кнопки, цей текст ми огортаємо в span. Приклад 3. Плавне […]

Коментарів немає
Веброзробка

Анімація в CSS-1. Прості анімації через transition

CSS дозволяє нам анімувати елементи на веб-сторінці. Це можуть бути як прості анімації, так і біль складніші. І тут є нюанси, в яких треба було б розібратися. Почнемо з азів.

Коментарів немає