Size: a a a

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

2020 August 31

SB

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

L

LZD in HTML/CSS — русскоговорящее сообщество
Sasha Bonatskiy
Всем привет)
у кого есть идеи как лучше сделать такие углы ?
skew+border radius  хз правда как градиент при сквю ляжет
источник

SB

Sasha Bonatskiy in HTML/CSS — русскоговорящее сообщество
пасиб
источник

JC

J. C. in HTML/CSS — русскоговорящее сообщество
Подскажите, так и должно быть, у родительского элемента увеличивается бордер на 1px и элемент абс спозиционированный к нему смещается тоже на 1px? То есть right/left считается с учетом бордера
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
J. C.
Подскажите, так и должно быть, у родительского элемента увеличивается бордер на 1px и элемент абс спозиционированный к нему смещается тоже на 1px? То есть right/left считается с учетом бордера
попробуй box-sizing
источник

SD

Sasha Danilyuk in HTML/CSS — русскоговорящее сообщество
привет, подскажите, как возможно сделать вёрстку под iphone с монобровью?
источник

JC

J. C. in HTML/CSS — русскоговорящее сообщество
LZD
попробуй box-sizing
Ну вот я так понял дело в том, что бокс сайзинг стоит border-box, решил уточнить. Но поменять его обратно будет не совсем удобно
источник

R

R in HTML/CSS — русскоговорящее сообщество
Всем привет. Подскажите плз, как такое верстается и возможно ли добиться такого эффекта, не пихая цельный свг или пнг файл. + было бы круто заюзать фичу при которой наведение на данный блок инициализировало какую-то трансформацию кольца, например встречается эффект при наведении объект отдаляется от тебя (вроде матрикс)
источник

Е

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

Е

Евгений in HTML/CSS — русскоговорящее сообщество
А если сплошным цветом кольцо сделать, не вижу проблем
источник

R

R in HTML/CSS — русскоговорящее сообщество
Не понимаю как с индексами тут рабоатть, чтобы кольцо было выше чем BIG, но ниже чем SHOW
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
R
Не понимаю как с индексами тут рабоатть, чтобы кольцо было выше чем BIG, но ниже чем SHOW
придется делить на спаны
источник

R

R in HTML/CSS — русскоговорящее сообщество
а, просто в разные обертки можно куски текста завернуть ведь
источник

Е

Евгений in HTML/CSS — русскоговорящее сообщество
В роазных дивах сделать Big и Show
источник

L

LZD in HTML/CSS — русскоговорящее сообщество
кольцо придется через картинку с градиентом таким делать наверно
источник

R

R in HTML/CSS — русскоговорящее сообщество
Евгений
В роазных дивах сделать Big и Show
спасибо, пока писал - дошло, тогда если так, на ховер можно повесить matrix3d и должно сработать. Картинка обязательно? можно и свг наверно, чтобы можно было масштабировать в мобилку
источник

Е

Евгений in HTML/CSS — русскоговорящее сообщество
R
спасибо, пока писал - дошло, тогда если так, на ховер можно повесить matrix3d и должно сработать. Картинка обязательно? можно и свг наверно, чтобы можно было масштабировать в мобилку
Можно. А можно SVG прям в html создать, и там упражняться.
источник

R

R in HTML/CSS — русскоговорящее сообщество
это еще зачем?)
источник

Е

Евгений in HTML/CSS — русскоговорящее сообщество
R
это еще зачем?)
Больше возможностей
источник

R

R in HTML/CSS — русскоговорящее сообщество
а, в плане дальнейшего взаимодействия хватит и импорта через обджект, хотя почему еще требуется вставлять сырой свг чтобы максимально юзать его возможности - непонятно. БЫло бы удобно тоже самое получить через импорт файла
источник