Треугольник с закруглёнными углами CSS / И немного о em

Я считаю, что человек, который занимается вёрсткой (верстка сайтов), должен хоть иногда делать вёрстку css каких-то необычных вещей. Скорее всего, такие сумасшедшие разработки не будут использоваться на боевых проектах, НО такие штуки заставляют наш мозг работать иначе, мыслить под другим углом и это весело. Обычно приходится вспоминать свойства, которыми редко пользуешься, используешь новые инструменты, что-то гуглишь.
Так, в этом видео я показываю несколько необычное применение свойства box-shadow, а так же то, как вёрстка с использованием em (единица измерения) помогает в вёрстке.
Треугольник с закруглёнными углами css очень часто встречается в различных макетах, но обычно разработчики это либо игнорируют и делают с острыми углами (треугольник на css я уже показывал как можно сделать), либо же вырезают картинку.

[prosto_razrabotka]

Не забудьте заглянуть сюда:

Можете добавиться в друзья:

А так же, подписаться на страницы:

[gregotokarev]

Оригинально, и про воду, и про решение!

[andreiribac]

Приятно было видеть свое имя в видео) Спасибо за челлендж и видео! Воды было в самый раз кстати!)

[arsenmanasuev]

Спасибо за труды очень информативно и сжато

[gribkut]

это всё круто, но кидать код текстом в описании ещё круче

[zgefins]

Интересное решение!) Надо попробовать)

[andreysv]

лайк однозначно) за "воду в видео" по аплодирую)))

[Nekby]

напомнило передачу Очумелые ручки ) в продакшн не заиспользуешь, но своё самолюбие потешить сойдёт

[tyfqosk]

Спасибо. Очень интересно. А вот как нарисовать целую картину с домом, солнцем, забором - лишь с помощью блоков... Вот где мастерство вёрстки нужно проявить...

[duranduran]

"Новогоднее настроение, эгегей"

[vladfedorov]

А можно было использовать vw или vh, как вариант.Было бы еще и адаптивно) Спасибо за видео!)

[prosto_razrabotka]

А какие у вас были странные решения на CSS?))

[UserSoreUsury]

Расскажи как сейчас принято организовывать сборку проектов.
Не просто "вот gulp и вот мы превратили sass в css", а как вообще нормальная организация продакшин сборки должна выглядеть. Нужен ли babel, если все еще приходится пользоваться плагинами на jquery и не плохо все это смешивать вместе. Как собирать иконки - в отдельный svg спрайт или можно по одной ) и тд.

[chris.p-dev]

Всё видео ждал отсылку на масонский треугольник, эхх ... :)

[RustamBEKO]

Кстати как идея к превью будущим роликам))) сделать на лбу символ Доктора Манхэттена, и немного покрасить автора в синий цвет (отсылка к сериалу HBO " Хранители") могу подсобить и пофотошопить на досуге)))

[forgiveness_denied]

бляяя ну это надо же до такого догадаться!)

[ortotrog]

Я подумал, что без литра, а там было больше, не разберёшься.

[bcdtzll]

можо видос по настройке webpack для scss и тп

[tjsrqvw]

Привет. Как быть если нужен треугольник с закругленными краями и дискретным фоном (плавно меняющий цвет). всю голову сломал, похже через css не сделать. сам треугольник сделал через clip-path: polygon, а фон с переливом не могу задать. Может кто подскажет. ))

[hhvkrxi]

Ктооо тыыы😂😂😂 я второй день ищу как это сделать