CSS Эффекты #3 Карточки со скошенным дизайном | HTML, CSS (SCSS)

#YauhenK #webDev #CSS #HTML
Всех приветствую в видеокасте «CSS Эффекты».
В данном видео-касте мы с вами будем рассматривать и создавать различные дизайнерские элементы пользовательского интерфейса (UI).
Примерами будут служить оригинальные анимации, необычные трансформации и переходы.
Любой элемент можно можно использовать для вдохновения, а так же дорабатывать или переделывать самостоятельно, т.к. весь код можно найти в GitHub репозитории.
Разметка будет писаться на HTML, а все эффекты создаваться только с помощью CSS (с использованием препроцессора SASS).
✒ Репозиторий видеокаста:
✔ github.com/Yau...
✒ Полный список готовых и планируемых курсов:
✔ Trello: trello.com/b/R...
✒ Автор курса:
✔ KZbin: / yauhenkavalchuk
✔ Instagram: / yauhenkavalchuk
✔ Twitter: / yauhenkavalchuk
✔ VK: YauhenK...
✔ LinkedIn: / yauhenkavalchuk
✔ GitHub: github.com/Yau...
✔ VK (Группа): webdevcom
✒ Поддержать развитие канала: github.com/Yau...

[@spav4vaps694]

Сразу видно мастер своего дела, круто, спасибо)

[@TheDojex]

Благодарю Автор за видео, это уровень)), посмотрел с удовольствием)

[@YauhenKavalchuk]

Спасибо за отзыв

[@sergeygochakov2272]

Когда их вижу развивается воображение и я думаю где этот элемент можно применить)) Очень крутые выпуски спасибо.

[@MrPelkin]

нужно больше таких видео) не важно верстка или что то посложнее... надоело слушать нудные лекции или уроки, а тут вообще не напряжно

[@YauhenKavalchuk]

Рад, что понравилось. Эти выпуски я и дальше буду развивать)!

[@Bee2beeh]

Круто

[@prinshamlet5942]

Офигенно!+))

[@pavel7930]

круто !

[@denya_manunited]

Крутяк)

[@sergeyaleksandrov6289]

Красавец, Жека)

[@YauhenKavalchuk]

Спасибо)

[@Rusya2000]

для чего нужен элемент .box:after? кроме как для стилизации на ум ничего не приходит, да и то с прозрачностью 0,06 не особо заметно), похожее было на кнопке в первом примере.

[@YauhenKavalchuk]

Чисто для стилизации

[@lysenkostas6337]

Женя, посоветуй книгу по HTML & CSS. Актуально ли читать такую книгу как Джон Дакетт - HTML и CSS. Разработка и дизайн веб-сайтов (2013)?

[@YauhenKavalchuk]

Лучше - «Новая большая книга CSS”

[@mushnikov35]

На js будут какие то прикольные анимации ?? может цепочка анимаций

[@YauhenKavalchuk]

Пока не знаю

[@advhunter2]

Опаааа, я знаю откуда скомуниздил, online tutorials... Даже обидно как-то 😟 Такой годный контент выпускаешь, а тут..

[@YauhenKavalchuk]

Я могу доказать, что контент уникальный). Музыка, стили, технологии. Но общая идея та же. Так что, с одной стороны контент новый, а с другой, да, копирует). А ещё, я могу сказать что автор, о котором вы говорите, тоже спёр идею! Это очень старая статья на портале.

[@TheProfessionalGambler]

Зачем здесь нужен .container { position: relative; }

[@AndriiSh-d3e]

а где ссылка на код?

[@YauhenKavalchuk]

Приходите 30 числа на стрим. Там я отвечу на этот вопрос