codepen.js

Preserved Artifact — сцена с анимированным кубом. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Pulsing Rainbow Loading Spinner — анимированная загрузка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Оплачиваемая стажировка и трудоустройство без опыта — ну ничего себе 😳  Всё возможно с Добровольным квалификационным экзаменом! Это бесплатный проект Правительства Москвы, в котором можно принять участие из любого региона России. Это честная альтернатива классическим откликам и реальный шанс получить оффер в компанию мечты. Как это работает? 1. Пройди тест Выбираешь профессию, проходишь онлайн-тест. Если набираешь 55 баллов и выше — попадаешь в базу соискателей, которую смотрят рекрутеры топовых компаний. 2. Загрузи резюме Просто честное резюме. Без пафоса. Работодатели посмотрят на результат теста и примут решение. 3. Получи стажировку или оффер Это может быть стажировка. Может быть полноценная работа. Список компаний внушительный — среди них Лукойл, Сбер, Норникель, Мосэнерго, Росатом и другие. Да, это возможно. Даже если ты только начинаешь карьерный путь. Готов? Жми: dke.moscow

3D fence Forbidden — анимированный 3D шлагбаум. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Moving mirrors — объемная сцена с движущимися зеркалами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

3D Walkman — объемный проигрыватель с эквалайзером. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Hover click animation — анимированная кнопка с эффектом 3D. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Touch Animation — анимация прикосновения. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Skeuomorphic Toggle Switch — реалистичные переключатели. Реализована с помощью CSS и JavaScript #анимация #css #javascript

CSS scroll-driven scroll-snapping animations — анимация горизонтального перехода между страницами. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Infinitely drawing icons — анимация загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Error 500 — анимация страницы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Анимированный прелоадер — простой вариант анимированного прелоадера. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Marble Checkbox — неоновый переключатель. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Light Ball Preloader — прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Background animation — фоновая анимация. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Skeuomorphic Toggle Switch — стилизованный переключатель Реализована с помощью CSS и JavaScript #анимация #css #javascript

Cube — анимированная загрузка в виде точек и куба. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Login Form Input animation — форма для ввода имени и пароля на фоне градиентного перехода. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Animated Social Links — карточки принимают 3D-форму при наведении на соцсети. Реализована с помощью CSS и JavaScript #анимация #css #javascript