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

Поделиться
HTML-код
  • Опубликовано: 16 ноя 2024

Комментарии • 65

  • @prosto_razrabotka
    @prosto_razrabotka  3 года назад

    Не забудьте заглянуть сюда:
    ❓ Запись на консультацию - prosto-razrabotka.ru/
    ✨ Telegram канал - t.me/prostorazrabotka/
    🔥 Telegram чат - t.me/prostorazrabotkachat/
    Можете добавиться в друзья:
    📷 Instagram - instagram.com/vitaliy.kirenkov/
    📘 ВКонтакте - vk.com/vitaliy.kirenkov/
    📗 Facebook - facebook.com/vitaliy.kirenkov/
    📙 LinkedIn - www.linkedin.com/in/kirenkov/
    ✏️ Twitter - twitter.com/VitaliyKirenkov/
    А так же, подписаться на страницы:
    📘 ВКонтакте - vk.com/public195137161/
    📗 Facebook - facebook.com/prostorazrabotka/

  • @gregotokarev
    @gregotokarev 5 лет назад +2

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

  • @arsenmanasuev4934
    @arsenmanasuev4934 5 лет назад

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

  • @andreiribac6284
    @andreiribac6284 5 лет назад +3

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

  • @Nekby2
    @Nekby2 5 лет назад

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

  • @НанаСерова
    @НанаСерова 4 года назад

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

  • @gribkut
    @gribkut 2 года назад

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

  • @ЗапасЗнаний
    @ЗапасЗнаний 3 года назад

    Невероятно

  • @prosto_razrabotka
    @prosto_razrabotka  5 лет назад +4

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

    • @Vladikslavik
      @Vladikslavik 5 лет назад

      Я смог сделать только треугольник, потому как когда-то разбирался с тем как устроено меню гамбургер. Но до бох-шэдоу не додумалась моя голова ))

    • @andreiribac6284
      @andreiribac6284 5 лет назад

      Мне в ближайшем будущем предстоит делать проект с множеством многогранников - морально готовлюсь и собираюсь с силами.

    • @alman_harbi
      @alman_harbi 5 лет назад

      Clip-path: polygon; ???

    • @Vladikslavik
      @Vladikslavik 5 лет назад

      Andrei Ribac Хотелось бы взглянуть на макет.

    • @rostyslavsynenko6060
      @rostyslavsynenko6060 5 лет назад

      @@alman_harbi Я б посмотрел видео о косых границах с помощью clip-path: polygon(); или других методов.

  • @andreysv7752
    @andreysv7752 5 лет назад +1

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

    • @prosto_razrabotka
      @prosto_razrabotka  5 лет назад

      Спасибо, спасибо)

    • @andreysv7752
      @andreysv7752 5 лет назад

      @@prosto_razrabotka воспользуюсь возможностью задать вопрос - в современной верстке что сейчас используют в основном - пиксели, em rem?

    • @prosto_razrabotka
      @prosto_razrabotka  5 лет назад

      Всё, зависит от ситуации. Ещё vw и vh. И кажется что-то ещё)

  • @Бойправ-ж8ы
    @Бойправ-ж8ы 4 года назад

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

  • @duranduran6114
    @duranduran6114 5 лет назад

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

    • @prosto_razrabotka
      @prosto_razrabotka  5 лет назад

      Ближе к Новому году скорее всего появится ещё и Йо-хо-хо -))

  • @ФархадХамидуллин-л9с

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

  • @yarko4766
    @yarko4766 4 года назад

    пример про em понравился

  • @chris.p-dev
    @chris.p-dev 5 лет назад

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

  • @igormuryy5722
    @igormuryy5722 5 лет назад

    Лайк(по умолчанию)

  • @UserSo4reUsu75ry
    @UserSo4reUsu75ry 5 лет назад

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

  • @vladfedorov4293
    @vladfedorov4293 5 лет назад

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

  • @ЕвгенийКоновалов-х9о

    Красавчик!

  • @RustamBEKO
    @RustamBEKO 5 лет назад

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

  • @forgiveness_denied
    @forgiveness_denied 5 лет назад

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

  • @kotlancer
    @kotlancer 5 лет назад

    Это видео можно было посмотреть только ради бутылки с водой :D

  • @ЕвгенийПетров-и4в2р

    Привет, не могу найти информацию как сделать подобный переключатель - i.imgur.com/SrCwDdh.png (не в смысле js логики) а html конструкции

  • @ortotrog751
    @ortotrog751 5 лет назад

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

  • @ТимАзимов-и1ш
    @ТимАзимов-и1ш 4 года назад

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

  • @ГрышаБулюкин
    @ГрышаБулюкин 5 лет назад

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

  • @nexiQ94
    @nexiQ94 5 лет назад

    Не совсем понял зачем вы поставили scss , если писали по итогу на чистом css

  • @KrasavchikSelivan
    @KrasavchikSelivan 5 лет назад

    Воды много, но в целом норм

  • @PsionicD
    @PsionicD 4 года назад

    Вода в видео 😂

  • @alexlisouski4069
    @alexlisouski4069 5 лет назад

    Виталий, мой совет вам. делайте контент именно с решением не тривиальных задач. Это цепляет, а в чем смысл рассказывать о том, что и так все знают

  • @timmyboy1687
    @timmyboy1687 5 лет назад

    ))))))
    Kruto!

  • @sergeyvorobev69
    @sergeyvorobev69 5 лет назад +1

    Отличная вода в видео))) ЛОЛ

    • @prosto_razrabotka
      @prosto_razrabotka  5 лет назад

      Отличная, согласен) Целых 5 литров кажется)

    • @sergeyvorobev69
      @sergeyvorobev69 5 лет назад

      @@prosto_razrabotka сразу становится ясно сколько воды в видео)))

  • @Vladikslavik
    @Vladikslavik 5 лет назад

    Прикольно, зачёт. Но почему вы все говорите рэлЭйтив? )) правильно говорить рЭлэтив.

  • @RetuZZik
    @RetuZZik 5 лет назад

    Как нормально сделать трапецию с закругленными краями? joxi.ru/4AkR4BOCXo3ee2

  • @Unknown_User768
    @Unknown_User768 5 лет назад

    Ты похож на инопланетяна