CSS фича #1 ➤ 3D карточка | Flip 3D-card CSS

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

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

  • @АндрейЦарик-ч7ж
    @АндрейЦарик-ч7ж 6 лет назад +9

    Спасибо за контент! Такая рубрика нравится, и от нее ожидаю больше не то, как сделать что-то, а узнать фишки, которых еще не знаю.

  • @efreetomsk
    @efreetomsk 6 лет назад +17

    Спасибо, очень круто! Ждем следующее видео

  • @viktortimoshkov6020
    @viktortimoshkov6020 6 лет назад +45

    Отличное направление! Давайте еще фич css.

  • @andreykhalepov8260
    @andreykhalepov8260 6 лет назад +11

    Артем отличная рубрика. Будет классно если ты соберёшь отдельный плейлист с подобными фишками. С твоим объяснением всегда все просто и доходчиво. Получится справочник фишек. К которому всегда можно обратиться по мере необходимости.

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

    Отлично! Познавательно! Качество видео и подача на хорошем уровне! Рекомендую!

  • @michaelkamko
    @michaelkamko Год назад +1

    Один из лучших каналов и очень приятный автор и подача материала. Спасибо!

  • @lichseksi4000
    @lichseksi4000 6 лет назад +1

    Это волшебно, друг, ты лучший

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

    это лучшая объяснение css фичи когда либо видел. Молодец брать

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

    Дуже крутий урок!
    Лайк , однозначно!

  • @ПятыйЭлемент-й1ф
    @ПятыйЭлемент-й1ф 6 лет назад

    Замечательный урок. На самом деле первый раз услышал свойство backface-visibliti. Спасибо за новые знания))

  • @ТимурЖанайдаров-р7щ

    Вы самый нормальный учитель на ютубе, все объясняете очень ясно и доходчиво. Буду рад ечли научите эффекту пульсирующей кнопки.

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

    Артем, в моём случае я даже не знаю чего не знаю. Поэтому рубрика нужна. Рубрика важна. Причём все фичи которые вообще можно сделать в css.

  • @nichtiak
    @nichtiak 6 лет назад

    Кррррруто, хорошо объясняешь!!! Очень хорошо что ещё руками показываешь наглядно, благодаря чему всё становится понятно!!!!

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

    Видишь код сразу лайк. Так как примеры помогают в работе, а когда это на оху**ном канале так вообще огонь.

  • @leader7700
    @leader7700 6 лет назад

    Коротенькие и все легко и понятно дельно! Побольше подобного, Артём!

  • @enderhexfyreeve1900
    @enderhexfyreeve1900 6 лет назад +2

    ооо!!! редко сейчас можно встретить годный контент. очень понравилось, жги дальше.

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

    Как раз работал над проектом, спасибо вам огромное, дай бог здоровья таким людям, видео ооочень позновательное, и что не мало важно короткое. Сразу подписался на канал)))

  • @serghiyveres6750
    @serghiyveres6750 6 лет назад

    Очень хорошая подача. Все понятно и просто... И легко реализовывается в любом проекте. Было бы очень удобно держать для себя под рукой подобный фичи... Артёму респект...

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

    Отдельное спасибо за Codepen!

  • @soulrest86
    @soulrest86 6 лет назад

    редко когда найдешь что то годное по css на youtube на русском. эти примеры - очень хорошие...

  • @samnugmanov
    @samnugmanov 6 лет назад

    Кратко и доступно. Никакой воды. Шикарно!

  • @bunnybugs6623
    @bunnybugs6623 Год назад

    Чётко, как заправка для фантазии! Все понятно интерестно пошёл чаечеу запаривать)))

  • @МаксимКрутов-е8б
    @МаксимКрутов-е8б 5 лет назад

    Невероятно классные и полезные видео!!! Пожалуйста, продолжайте, добавляйте ещё подобные фичи! Спасибо!

  • @kovalevvv85
    @kovalevvv85 6 лет назад

    офигенно! я узнал самый легкий способ центровки дива по двум осям в 100%x100% родителе!

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

    Продолжайте курс сss-features. Очень полезный контент!

  • @yamahabiker316
    @yamahabiker316 6 лет назад

    Хорошая рубрика!!!!))))))))) Нужно больше ФИЧ!!!!)) Спасибо, очень полезные штучки)))

  • @rossbill
    @rossbill 6 лет назад

    Отлично. Пару советов. Желательно сразу писать по БЭМ (меньше вероятность пересечения классов) и стили на Sass. И, возможно, сразу прогонять через autoprefixer, для лучшей поддержки браузерами.

  • @Мойрайскийуголок.Ландшафтныйди

    Очень здорово, приятный парень и слушать приятно, побольше таких фишек, которые можно добавить на сайт

  • @ObiVanio
    @ObiVanio 6 лет назад

    Очень круто, рубрика огонь, подходит как и для начинающих, так и для тех, кто просто не сталкивался с такими идеями и фичами. Обязательно продолжай, ждем новых видео по этой теме!)

  • @elizavetaverkashanskya7048
    @elizavetaverkashanskya7048 6 лет назад

    Очень годно, отличная подача. Интересно, понятно, без воды. Лайк однозначно

  • @maksimsmetanin49
    @maksimsmetanin49 6 лет назад +6

    Супер!

  • @ОльгаТкаченко-г4п

    Excellent presentation. Artem, thanks!

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

    Парень красавчик, вот такое я искал уже давно. Тема вообще топовая. ) Я за фичи! )) лайк везде

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

    Огромное спасибо, жду новых гайдов от тебя) Ты молодец!)

  • @Натальяасташина-ч6л

    Здравствуйте! В первую очередь скажу вам спасибо - единственный канал, где рассказывают доходчиво и без мусора. Не только все получается, но еще и понимание приходит. Это очень круто! Можно Вас попросить сделать фичу по такой теме "поле ввода, стилизация, ошибка в поле ввода"?

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

      Да, можно сделать такую штуку 👍

  • @eliseykravchuk753
    @eliseykravchuk753 6 лет назад

    класс вообще супер давай больше таких уроков

  • @Oleksii-xc7rh
    @Oleksii-xc7rh 6 лет назад +1

    Супер, крутые уроки, спасибо)

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

    Очень крутая идея рассказывать CSS фичи! Поддерживаю, ставлю лайк!

  • @ИванЯгубцев-р5в
    @ИванЯгубцев-р5в 6 лет назад +8

    Круто! Продолжай, пожалуйста))

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

    Чёрт возьми. Это так просто и так прекрасно. Спасибо. 👍👍👍👍

  • @denisvoloshin4290
    @denisvoloshin4290 6 лет назад

    Это очень круто, понятно и доходчиво. Ждём продолжения)

  • @ЮрийВеригин-у2э
    @ЮрийВеригин-у2э 4 года назад

    Просмотрел видео. Сразу возникли идеи,🤔 как и где эту карточку применить.
    Супер спасибо большое за информацию.

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

    Отличный преподаватель ☝️🔝

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

    Отличная дикция, очень понятно, отличный канал, подписка незамедлительно!

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

    Будем ждать следующие видео!!!👍

  • @Dikolman
    @Dikolman 6 лет назад +1

    Тема очень хорошая и полезная! Ждём продолжения!!!

  • @dosxanzada
    @dosxanzada 6 лет назад

    Крутая идея! Хочется всегда научиться чему то новому за такое маленькое время! 👍

  • @sergeykilochytsky8178
    @sergeykilochytsky8178 6 лет назад

    Круто, все кратко и доходчиво, то, что нужно.

  • @orkligi4396
    @orkligi4396 6 лет назад +18

    Годный фокус

  • @ЭминМалахов-щ2ъ
    @ЭминМалахов-щ2ъ 6 лет назад +11

    Я человек простой, вижу новый ролик Артёма ставлю лайк)

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

    Чудом вышла на Ваш ролик, спасибо! Все кратко и понятно. Только хочу проделать данную фишку на фоне-видео, надеюсь, получится.

  • @ИванФедяков-э7э
    @ИванФедяков-э7э 6 лет назад

    Очень интересная тема, побольше подобных фишек

  • @ТатьянаЯнчурова-о6р

    Артём, огромное спасибо за твой труд! Видео очень помогают)

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

    просто супер

  • @lookarious2055
    @lookarious2055 6 лет назад +5

    Спасибо, спокойно и внятно

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

    Очень круто!!За один урок много полезного узнал!!!✊

  • @ДмитрийШухов-п1э
    @ДмитрийШухов-п1э 3 года назад +1

    спасибо за урок! и ваш труд!

  • @mrmagistr6958
    @mrmagistr6958 6 лет назад

    Круто) было очень интересно) жду продолжения)

  • @максимлевковский-й3б

    Это просто класс. Спасибо. Много интересного.

  • @ay3336
    @ay3336 6 лет назад

    Спасибо большое, прекрасный и очень понятный урок! Лаконично и по делу!

  • @artickspot1396
    @artickspot1396 6 лет назад

    Доходчиво и не занудно! автору ЛУКАС и процветания! Авэ )

  • @всевижу-с4б
    @всевижу-с4б 3 года назад

    как нуба меня просто до соплей ))))))))) уже и подписался и лайкнул и пост пишу. что бы еще сделать для обозначения своей радости )))))))))

  • @Grapeoff
    @Grapeoff 6 лет назад +3

    Спасибо! Было круто!

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

    Крутотень! То что нужно!

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

    все супер, побольше такого контента!

  • @АндрейШульга-я1ф
    @АндрейШульга-я1ф 6 лет назад

    о_О чувак....подача, комментарии, сами примеры....все на высшем уровне)
    у тебя +1 фанат, продолжай в том же духе! Удачи

  • @siriusstas
    @siriusstas 3 года назад +1

    Очень круто, спасибо

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

    Артем, ооочень благодарен вам, как раз это искал!

  • @albigr5004
    @albigr5004 6 лет назад

    Конечно понравилось! Ты крут!!!!

  • @Vlad3i3mir
    @Vlad3i3mir 6 лет назад

    Просто и доступно. Вы супер!

  • @snd5543
    @snd5543 6 лет назад +16

    Круговой прогресс на css)

    • @evgeni-nabokov
      @evgeni-nabokov 6 лет назад

      medium.com/@tomastrajan/how-to-style-angular-application-loading-with-angular-cli-like-a-boss-cdd4f5358554

  • @webshark2959
    @webshark2959 6 лет назад

    Воу ) Это было прикольно ) Однозначно Лайк :)

  • @big-school
    @big-school 6 лет назад +1

    Спасибо большое! Очень ценная инфо было для меня

  • @Penilopa24
    @Penilopa24 6 лет назад +2

    очень круто! Сейчас буду экспериментировать с этой карточной дальше. (-:

  • @РамизМирзаев-х5к
    @РамизМирзаев-х5к 6 лет назад +1

    Ты космос

  • @Shkodnik.
    @Shkodnik. 6 лет назад

    Класс некоторые свойство я не знал )) спасибо за урок!)

  • @alexredcross
    @alexredcross 6 лет назад

    Супер, спасибо за урок!)

  • @АрсенийПотапченко-х6м
    @АрсенийПотапченко-х6м 11 месяцев назад

    Спасибо огромное, выручили!!!

  • @ФутбольныйМячик-е5с

    Классно! Эффект топовый!

  • @MrSpaaRk
    @MrSpaaRk 6 лет назад

    Да, Круто и просто. Мне, как новичку, было всё понятно. Желательно делать такой же формат и по времени не дольше 15 мин

  • @AA-lw1lk
    @AA-lw1lk 6 лет назад +53

    Классный урок! Давай попробуем сделать карту с помощью google API с кастомными наложениями типа маркеров и связими между ними + анимацией какой-нибудь. думаю по времени это не долго как раз займет. ну у тебя по крайне мере точно;)

  • @deletedforgotten
    @deletedforgotten 6 лет назад

    супер, подписка.
    хороший урок, приятно смотреть)

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

    Круто. Да, неплохо бы посвятить урок таким нетипичным свойствам, как перспектива и беквизибилити.

  • @Programmer777
    @Programmer777 6 лет назад +3

    очень круто!)

  • @ДмитрийМакаров-ф2у
    @ДмитрийМакаров-ф2у 6 лет назад +2

    Очень интересно, спасибо)

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

    офигеть!! Спасибо Артем!!))

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

    Супер. Только хотелось бы ещё чтобы за JS фичи не забывал , а в целом всё круто))

  • @ИванИванов-к4н9т
    @ИванИванов-к4н9т 4 месяца назад

    Класс. Все просто и понятно

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

    Супер познавательный урок, спасибо за труд! Прошу выпустить видео уроки по js. Модалки, слайдер.

  • @faterru
    @faterru 6 лет назад

    Молодец, доходчиво и понятно!

  • @tigranvardanyan5044
    @tigranvardanyan5044 6 лет назад

    очень хорошо рассказываешь!!! молодец, так и продолжай

  • @dmitriymovchan6563
    @dmitriymovchan6563 6 лет назад

    Хорошее видео. Хочу побольше таких.

  • @ИванИванов-м3у4ы
    @ИванИванов-м3у4ы 6 лет назад

    Круто, делай больше подобных видео!

  • @evgeni-nabokov
    @evgeni-nabokov 6 лет назад

    Крутой урок. В конце можно привести сводку в каких браузерах это работает (включая мобильные).

  • @zhenyad1484
    @zhenyad1484 6 лет назад

    лойс, больше подобного контента!

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

    Спасибо за урок, очень классная фича!

  • @my_coolheart
    @my_coolheart 6 лет назад +4

    Блин, просто и круто! :)

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

    супер!!спасибо)Всё получилось

  • @arksasatana7584
    @arksasatana7584 6 лет назад

    Хотелось бы добавить к фиче:
    .card {
    width: 20%;
    position: relative;
    perspective: 1000px;
    }
    .card::before {
    content: "";
    display: block;
    padding-top: 100%;
    }
    И вот вам резиновый квадрат)

  • @АндрейИльченко-т7ж
    @АндрейИльченко-т7ж 6 лет назад +2

    Крутое видео, лайк. Но есть два замечания 1.) DOM дерево, а не HTML дерево. 2.) Ось Y вертикальная, а не горизонтальная