Size: a a a

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

2021 May 27

е

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

SM

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

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
я и элементу указал их, и родителю, и так и так не работает
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
transform-origin: center center;
 transform: perspective(600px);
 transform: rotateX(0deg);
 transform: rotateY(25deg);
 transform: rotateZ(0deg);

вот
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
Я что-то неправильно написал?
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
охуенно)
источник

Оа

Отвал ам Уды... in HTML/CSS — русскоговорящее сообщество
+
источник

SB

Sergey Bekharsky in HTML/CSS — русскоговорящее сообщество
Я, кстати, выкатил заметку про виртуальное разрешение экрана и пиксели не пиксели. Кому-то тут обещал: https://t.me/htmlshit/638
Telegram
Будни верстальщика
#заметка дня

Я откладывал публикацию заметки по этой теме в долгий ящик, но время пришло.

Итак, давайте сразу панч: верстальщику в 2021 году нельзя ориентироваться на физическое разрешение матрицы экрана устройства. Точка.

Если вам заказчик говорит, что у него ноутбук с FullHD разрешением и ваша прекрасная вёрстка поехала к чертям, а у вас на 24” мониторе с тем же разрешением всё отлично — ответ прост. И имя ему масштаб.

Нетрудно догадаться, что объекты на разрешении 1920x1080 на 14” выглядят гораздо меньше, чем на пресловутых 24”. Это простая физика — размер пикселя меньше.

Но о чём почему-то никто не задумывается, так это о том, что люди не роботы и хотят видеть объекты покрупнее. И операционные системы это пытаются предугадать.

В итоге, на таком ноутбуке Windows выставит вам размер шрифта в 125%. Вот только о чём настройки Windows почему-то молчат, так это о том, что все элементы интерфейса станут крупнее, а не только шрифт. И это прям максимально странно.

В итоге интерфейс на 14” экране станет отображаться…
источник

NS

Nikolay Smagin in HTML/CSS — русскоговорящее сообщество
Подскажите, как переносить на новую строку элемент, если он не вместился в контейнер.
Тут грид сетка со свойствам grid-auto-flow: column; grid-auto-columns: max-content;
источник

АЕ

Артем Егоров... in HTML/CSS — русскоговорящее сообщество
Не знаю про grid, но думаю flex было бы намного легче это сверстать
источник

е

его имя роберт полсо... in HTML/CSS — русскоговорящее сообщество
Ну да наверное, я же не знаю что ты написал, но если не работает то скорее всего неправильно.
https://webref.ru/css/perspective
Лови ещё одну ссылку, посмотри как там сделано, если не получится скинь хотя бы кодпен
источник

Д

Дмитрий in HTML/CSS — русскоговорящее сообщество
Всем привет. Подскажите пожалуйста. Есть однородный фон, на этом фоне есть 6 радиальных пятен - два из них я сделал на псевдоклассах before и after и очень не хотелось бы для этих пятен создавать html элементы-пустышки, что бы на них навешивать стили. Возможно есть какой-то другой подход, как это можно сделать? Вот скрин где уже есть два пятна-градиента
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
спс, заработало
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
почему-то не работало, когда я писал еще и transformX(0deg) и с Z так же
источник

I

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

x

xDaemonic in HTML/CSS — русскоговорящее сообщество
оно и не должно было
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
почему?
источник

SM

Soltukiev Malik in HTML/CSS — русскоговорящее сообщество
у них же и так 0 по умолчанию
источник

x

xDaemonic in HTML/CSS — русскоговорящее сообщество
нет такого значения transformX
источник

x

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