TGViewer
Web Dev Trends Web Dev Trends @webdev_trends · 21 subscribers
Post #623 9
👩‍💻 CSS Веерное раскрытие с Grid и @property

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

Эффект обычно достигается за счет тайминга и позиционирования каждого элемента по отдельности с очень жестко заданными значениями. Однако это может быть очень трудоемко. Но можно сделать всё немного проще, если позволить родительскому контейнеру элементов сделать это за нас.

🖥 Читать статью (🇬🇧)

📱 @webdev_trends

#webdev #css #grid
More from @webdev_trends
  1. Nov 22, 2024👩‍💻 Руководство по совместимости WordPress плагинов с PHP 8 Убедитесь, что ваши плагины…
  2. Nov 22, 2024👩‍💻 Новые сообщения об ошибках PHP в PHP 8.4 В грядущей версии PHP 8.4 появятся новые со…
  3. Nov 22, 2024👩‍💻 Promise.try: Унифицированная обработка ошибок для синхронного и асинхронного кода Ja…
  4. Nov 22, 2024👩‍💻 Центрирование: проблема решена? Выравнивание по вертикали и горизонтали без grid или…
  5. Nov 21, 2024👩‍💻 Различные (и современные) способы переключения контента Легко придерживаться того, ч…
  6. Nov 21, 2024👩‍💻 Архитектурное тестирование с Laravel Pest Обеспечить, чтобы растущая кодовая база сл…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →