Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 June 05

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
тож говорю, что через :before и :after делай
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
а кликабельную область ты как сделаешь сектором?
источник

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
никак! ну тогда, только свг
источник

A

AR in HTML/CSS — русскоговорящее сообщество
Потенциально,да, можно наслоить с разными градиентами. ТОлько уж очень громоздко - проще в svg сделать и не мудрить.
источник

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
хреново, что div не имеет динамической формы, а только прямоугольную) эт нужно поправить в новом хтмл))
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
нужен совет с кликабельностью - переименуйся. ибо правила надо читать
источник

q

qwerty in HTML/CSS — русскоговорящее сообщество
У меня примерно так же

.cardWrapper {
   background: #ffffff;
   border: 2px solid rgba(25, 48, 72, 0.05);
   border-radius: 12px;
   padding: 16px 16px 20px;
   position: relative;
   transition: 0.2s;
   width: 100%;
   .iconWrapper {
       float: right;
   }
   &:hover {
       z-index: 500;
       border: 2px solid transparent;
       box-shadow: 0 10px 100px 10px rgba(black, 0.5);
       transform: scale(1.09);
   }
}
.cardWrapperNoHover {
   background: #ffffff;
   border: 2px solid rgba(25, 48, 72, 0.05);
   border-radius: 12px;
   padding: 16px 16px 20px;
   position: relative;
   transition: 0.2s;
   width: 100%;
   .iconWrapper {
       float: right;
   }
}

Решение не оч, но работает хотя бы
источник

П

Прив in HTML/CSS — русскоговорящее сообщество
+
источник

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
а как с динамикой и респондентностью ?
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
ну примерно да. просто с модулями такая вот беда. там вроде не очень удобно делать склейки классов (
источник

q

qwerty in HTML/CSS — русскоговорящее сообщество
О да там беда с этим
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
тебе надо гуглить имедж мапы с кликабельностью https://www.w3schools.com/html/html_images_imagemap.asp
источник

q

qwerty in HTML/CSS — русскоговорящее сообщество
Респондентность это адаптивновность?
источник

q

qwerty in HTML/CSS — русскоговорящее сообщество
Или это не мне?
источник

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
да, Responsive size тобишь)
источник

q

qwerty in HTML/CSS — русскоговорящее сообщество
А ну норм конечно, у меня бутстрап
источник

П

Прив in HTML/CSS — русскоговорящее сообщество
хм, интересно, Но в чем проблемы Это колесо полностью динамическая(цвета,количество деления круга  )
источник

A

AR in HTML/CSS — русскоговорящее сообщество
Можно треугольниками извратиться, если очень надо - как в 3D - все треугольниками рисовать)) Вот пример загуглил: https://codepen.io/web-tiki/pen/ntmDK
источник

SC

Serega Carbon in HTML/CSS — русскоговорящее сообщество
слишком много шагов нужно делать в цсс )) почему нету элемента или атрибута типа такого:

<div shape = "triangle"> ))
источник

I

Igor in HTML/CSS — русскоговорящее сообщество
печаль. с динамичностью не подскажу. в изначальном условии не указано ))
но направление я задал. попробуй туда погуглить с динамическими кликабельными областями. скорее всего надо будет жсом генерить эти области
источник