Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

DBT – мессия, блажь или реальность дата-инженера?

8 октября приглашаем вас на бесплатный вебинар от учебного центра Слёрм! Встретимся с опытными специалистами из мира big data, чтобы обсудить:

👉 Как управлять жизненным циклом данных в мире победившего Modern Data Stack?
👉 Могут ли современные инструменты преобразить процесс Data Governance и сделать его простым и быстрым?
👉 Как разные компании и команды применяют dbt для решения задач Data Governance?

Эксперты встречи:
— Евгений Ермаков, руководитель платформы данных Tоlоkа.аi
— Николай Марков, Data Platform Lead в Altenar, спикер курсов Слёрма и ментор проекта «Где дата, Коль?»

⭐️ Когда: 8 октября в 19:00 мск
⭐️ Занять место на вебинаре — через бота.

Создаем CSS Scroll-driven текст с помощью SVG-фильтра 🥊

section { filter: url(#​knockout); }
section h1 { animation: shrink; }
@​keyframes shrink { 0% { scale: 36; }}

- Анимация изменения масштаба текста на видео-оверлее ✅
- Выбивание текста с использованием SVG-фильтра ✅
- Управление прокруткой ✅

CSS делает вещи

#ithumor

⚡️ Web Dev полый курс с нуля. Урок 1. Введение. План разработки

https://www.youtube.com/watch?v=l0Lq4p_ozhw

@htmlcssjavas

Большая и интерактивная шпаргалка по CSS

Эта шпаргалка не просто список параметров, а наглядный инструмент для работы с атрибутами и настройками. Ползунки и кнопки позволяют настроить значения, а итоговый CSS-код легко копируется. Включены параметры для работы с цветами, обводками, шрифтами, тенями, анимациями и многим-многим другим.

Такое терять нельзя

#шпаргалка #css #frontend

Glowing ring

Загрузчик с зеркальным эффектом, созданным при помощи теней, созданных CSS-свойством box-shadow.

#css

https://codepen.io/mortezasharifinia/pen/LYrMoQe