Direction-aware 3D hover effect (Concept)

Трехмерный эффект наведения с учетом направления (концепция). Реализовано с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/noeldelgado/pen/nweYMz

#анимация #css #js

👉 @webdev_coach_practice

Full Page Intro & Navigation

Введение на всю страницу и навигация. Реализовано с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/codyhouse/details/OJmXKp

#анимация #css #js

👉 @webdev_coach_practice

CSS only 3d Macbook Air

Анимация макбука. Написана на чистом CSS.

Скачать тут: https://codepen.io/neoberg/details/DEZbKv

#анимация #css

👉 @webdev_coach_practice

Bouncing DVD animation

Прыгающая анимация DVD. Реализована с помощью CSS.

Скачать тут: https://codepen.io/dostonnabotov/pen/dyKOLRP

#анимация #css

👉 @webdev_coach_practice

Modal Mitosis | CSS-Only Gooey Content Toggle

Анимация дополнительной информации к карточке, появляется при нажатии. Реализована с помощью CSS.

Скачать тут: https://codepen.io/team/keyframers/pen/YbGbOd

#анимация #css

👉 @webdev_coach_practice

Show & Tell @ Develop Denver 2016

Анимация почти невидимого шрифта. Написана на чистом CSS.

Скачать тут: https://codepen.io/chriscoyier/pen/RRxQeg

#анимация #css

👉 @webdev_coach_practice

Six circles - bees & bombs

Анимация заднего фона. Реализована с помощью JavaScript и CSS.

Скачать тут: https://codepen.io/yukulele/pen/LoBYzO

#анимация #css #js

👉 @webdev_coach_practice

Animated CSS Gradient Border

Анимированная граница градиента CSS. Написана на чистом CSS.

Скачать тут: https://codepen.io/mike-schultz/pen/NgQvGO

#анимация #css #js

👉 @webdev_coach_practice

Glassmorphing card

Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.

Ссылка: https://codepen.io/pieter-biesemans/pen/QWKmXEE

#стекломорфизм #карточка #tiltjs #3D

👉 @webdev_coach_practice

TOASTS

Пример реализации всплывающих уведомлений: информационное, предупреждающее уведомления и уведомление об успехе. Реализовано с помощью CSS и JavaScript.

Ссылка: https://codepen.io/mrtrimble/pen/mdEgzzR

#уведомления #css #javascript

👉 @webdev_coach_practice

Day-Night toggle switch

Пример реализации переключателя "день-ночь" на чистом CSS.

Ссылка: https://codepen.io/rebelchris/pen/jOMGweo

#переключатель #css

👉 @webdev_coach_practice

Touch device jelly menu concept

Анимация желейного меню при прокрутке. Реализована с помощью JavaScript и CSS.

Ссылка: https://codepen.io/sol0mka/pen/AEbgXK

#анимация #css #js

👉 @webdev_coach_practice

Direction-aware 3D hover effect (Concept)

Трехмерный эффект наведения с учетом направления (концепция). Реализовано с помощью JavaScript и CSS.

Ссылка: https://codepen.io/noeldelgado/pen/nweYMz

#анимация #css #js

👉 @webdev_coach_practice

RatingFace - система рейтинга реализована с помощью слайдера также смайлика (старайтесь держать его зелёным)

Скачать тут: https://codepen.io/jkantner/pen/YzLQoXM

#JS #RatingFace

👉 @webdev_coach_practice

Twitter Button Concept by Erik Deiner

Варіант підпису на Twitter на чистому CSS.

Посилання: https://codepen.io/bennettfeely/pen/DvNXvq

#CodePen

👉 @webdev_coach_practice

​​Приєднуйтесь до телеграм каналу, присвяченого мові програмування 👩‍💻 PHP!

Тут ви знайдете:
📰найактуальніші новини
🤫корисні шпаргалки
📣цінні поради.

Канал ведеться українською мовою, тому ви зможете легко зрозуміти всю інформацію.

🎁Зовсім скоро на каналі пройде розіграш призів - підписок на продукти від 👩‍💻 JetBrains.

Тож не зволікайте, приєднуйтесь до каналу вже зараз і запрошуйте своїх друзів (умови конкурсу у групі). Давайте разом підтримувати український продукт!

Команда DevEducation відкриває набір на курс QA/AT!

Тривалість курсу: 9 місяців

Кількість занять: 5 на тиждень

Тривалість заняття: 2 години

Курс розраховано на інтенсивну підготовку новачків без досвіду в IT. За 9 місяців ви з нуля отримаєте рівень Junior QA/AT Engineer.

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

Подача заявки на курс на сайті — https://bit.ly/deveducation_webdev_coach_practice