Frontend

0:22

This media is not supported in your browser

VIEW IN TELEGRAM

#css #frontend

Faqat CSS orqali magnit havola effekti 😁

li:has(a:is(:hover, :focus-visible)) {anchor-name: --a;}
ul::before {
  left: anchor(--a left);
  width: anchor-size(--a width);
}

CSS anchor position funksiyasidan foydalanib, indikator uchun hoverda anchor positionni belgilash

CSS Anchor Positioning — bu CSS-ning yangi imkoniyatlaridan biri bo‘lib, elementlarning joylashuvini boshqa elementlarga bog‘lashga yordam beradi.

@frontend | Happy Coding

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥14👍8

www.tgoop.com/frontend/1488

2.49K viewsedited  Nov 24, 2024 at 15:00

#css #frontend

li:has(a:is(:hover, :focus-visible)) {anchor-name: --a;}
ul::before {
  left: anchor(--a left);
  width: anchor-size(--a width);
}

CSS Anchor Positioning — bu CSS-ning yangi imkoniyatlaridan biri bo‘lib, elementlarning joylashuvini boshqa elementlarga bog‘lashga yordam beradi.