Свойство box-shadow прекрасно работает, когда нам требуется тень, отбрасываемая прямоугольником или любой другой фигурой, которую можно создать с помощью border-radius (несколько примеров вы найдете здесь). Однако от него гораздо меньше пользы, когда мы работаем с псевдоэлементами или другими полупрозрачными вариантами декорирования, потому что box-shadow бессовестно игнорирует прозрачность.
Приведу несколько примеров: полупрозрачные изображения, фоновые изображения и рамки, созданные с применением border-image (например, винтажная рама с позолотой); штрихпунктирные рамки, рамки с точечным пунктиром и полупрозрачные рамки без фона (или со значением background-clip , отличным от border-box ); облачко с текстом, указатель для которого создан с помощью псевдоэлемента; скошенные углы, аналогичные тем, которые мы учились делать в секрете «Как срезать углы на css«; большинство эффектов загнутого уголка, включая описанный далее; контуры, создаваемые с помощью clip-path , например ромбовидные изображения из секрета «Как сделать ромб на css». Читать далее
Это интересно
0
|
|||
Последние откомментированные темы:
-
Как отключить уведомления от Сбербанк за 60 рублей через приложение Сбербанк онлайн и ещё 5 методов!
(1)
Snut
,
15.02.2022
-
Онлайн переводчик речи в реальном времени с любого языка
(2)
SergiSan
,
24.01.2022
-
Что такое Cтереолитографические фотополимерные 3D принтеры
(1)
Uriiy
,
04.11.2021
-
Программа для создания виртуальных машин
(1)
Yuri1234
,
04.08.2021
-
Мощный фоторедактор, позволяющий быстро и качественно улучшать любые снимки
(1)
fantoMasin
,
15.05.2021
20250813141738