ВАЙЛТ™
رفتن به کانال در Telegram
ВАЙЛТ™ — IT-проект, разработанный помогать Целая система, в которой есть всё необходимое для IT-специалистов, маркетологов и бизнеса Всё о ген. директоре и проекте -> klicks.ru/my Главный домен проекта -> вайлт.рф
نمایش بیشتر1 211
مشترکین
اطلاعاتی وجود ندارد24 ساعت
-17 روز
-2130 روز
آرشیو پست ها
1 211
Свежая фича CSS - @scope
Всем привет! Относительно недавно в css появилась такая интересная штуковина как
@scope. В целом штука в перспективе интересная и думаю вам полезно будет о ней знать, но на данный момент лучше ее не использовать по причине слабой поддержки в браузерах
И так о чем это:
Думаю все мы понимаем как работает синтаксис ниже
.element a {
width: 100px;
}
.element .big_block {
height: 200px;
}
Теперь для того что бы задать стили элементам внутри .element не нужно каждый раз прописывать вложенность. Мы можем сделать так:
@scope(.element) {
a {width: 200px;}
.big_block {height: 100px;}
}
Вот такая вот довольно полезная в будущем штука. Если хотите узнать больше подробностей то вот ссылка на MDN1 211
Spinny thing
Анимация загрузки, напоминающая разноцветное свечение луны. Реализовано с помощью CSS.
1 211
Шпаргалка для разработчика: создаём безопасное веб-приложение.
Данная статья рекомендуется каждому разработчику веб сайтов для прочтения.
1 211
Link Hover POC — подчеркивание сверху и снизу для перехода по ссылке. Реализована с помощью CSS и JavaScript.
1 211
Rotation Navigation
Слайдер с необычным эффектом переключения. Реализовано с помощью CSS.
1 211
Parallax 404 Page
Параллакс эффект страницы с ошибкой 404. Реализовано с помощью CSS и JavaScript.
