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

  Рет қаралды 126,417

Glo Academy

Glo Academy

6 жыл бұрын

В сегодняшнем уроке мы сделаем вращающуюся карточку в 3D.
Сделаем мы это при помощи CSS трансформаций.
Исходный код из урока тут: codepen.io/Aislam23/pen/vrEovP
-------------------------------------------
Получить нужные материалы для любого веб-разработчика - taplink.cc/glo_web_academy
Получить консультацию куратора - bit.ly/2Ym5SqS
Связаться с автором: aislam23 telegram: t.me/aislam23
Мой блог: islamov_blog
Больше контента в нашей группе Вконтакте
glo_academy
Присоединяйтесь к нашему сообществу Discord
/ discord
Мой канал в telegram "Лысый из браузера"
tele.click/baldfrombrowser
Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
vk.me/glo_academy
#Вебразработка #Верстка #АртемИсламов #GloAcademy #ВидеоУроки #Курсы #СозданиеСайтов #3dCard #Css #CssФича #УрокиCss #Css3 #CssTransform #RotateCss #FlipCss #КарточкаCss
-----------
Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
ttttt.me/figma2html
ttttt.me/figma_start
ttttt.me/figmatamplates
Каналы с крутыми фичами на CSS и JavaScript:
ttttt.me/codepen_js
ttttt.me/css_features
Канал с терминами для айтишников:
ttttt.me/slang_it
Канал, где публикуют ссылки на полезные сервисы и сайты:
ttttt.me/linkforwork

Пікірлер: 365
@efreetomsk
@efreetomsk 6 жыл бұрын
Спасибо, очень круто! Ждем следующее видео
@user-bd8rz6ok4z
@user-bd8rz6ok4z 6 жыл бұрын
Спасибо за контент! Такая рубрика нравится, и от нее ожидаю больше не то, как сделать что-то, а узнать фишки, которых еще не знаю.
@andreykhalepov8260
@andreykhalepov8260 6 жыл бұрын
Артем отличная рубрика. Будет классно если ты соберёшь отдельный плейлист с подобными фишками. С твоим объяснением всегда все просто и доходчиво. Получится справочник фишек. К которому всегда можно обратиться по мере необходимости.
@samnugmanov
@samnugmanov 6 жыл бұрын
Кратко и доступно. Никакой воды. Шикарно!
@lookarious2055
@lookarious2055 6 жыл бұрын
Спасибо, спокойно и внятно
@viktortimoshkov6020
@viktortimoshkov6020 6 жыл бұрын
Отличное направление! Давайте еще фич css.
@leader7700
@leader7700 6 жыл бұрын
Коротенькие и все легко и понятно дельно! Побольше подобного, Артём!
@user-oz3ft2le7x
@user-oz3ft2le7x 4 жыл бұрын
Невероятно классные и полезные видео!!! Пожалуйста, продолжайте, добавляйте ещё подобные фичи! Спасибо!
@michaelkamko
@michaelkamko Жыл бұрын
Один из лучших каналов и очень приятный автор и подача материала. Спасибо!
@ObiVanio
@ObiVanio 6 жыл бұрын
Очень круто, рубрика огонь, подходит как и для начинающих, так и для тех, кто просто не сталкивался с такими идеями и фичами. Обязательно продолжай, ждем новых видео по этой теме!)
@galopedorel
@galopedorel Жыл бұрын
Отдельное спасибо за Codepen!
@erlans9724
@erlans9724 3 жыл бұрын
Будем ждать следующие видео!!!👍
@user-pn2ev2je2l
@user-pn2ev2je2l 4 жыл бұрын
Благодарю Вас за видео.
@ismoilshokirov
@ismoilshokirov 4 жыл бұрын
Как раз работал над проектом, спасибо вам огромное, дай бог здоровья таким людям, видео ооочень позновательное, и что не мало важно короткое. Сразу подписался на канал)))
@pavell53
@pavell53 2 жыл бұрын
Крутотень! То что нужно!
@nichtiak
@nichtiak 6 жыл бұрын
Кррррруто, хорошо объясняешь!!! Очень хорошо что ещё руками показываешь наглядно, благодаря чему всё становится понятно!!!!
@reeb606
@reeb606 5 жыл бұрын
Огромное спасибо, жду новых гайдов от тебя) Ты молодец!)
@Vlad3i3mir
@Vlad3i3mir 6 жыл бұрын
Просто и доступно. Вы супер!
@lorentte77
@lorentte77 2 жыл бұрын
это лучшая объяснение css фичи когда либо видел. Молодец брать
@user-fh8ve3kr7k
@user-fh8ve3kr7k 6 жыл бұрын
Очень здорово, приятный парень и слушать приятно, побольше таких фишек, которые можно добавить на сайт
@Dikolman
@Dikolman 6 жыл бұрын
Тема очень хорошая и полезная! Ждём продолжения!!!
@siriusstas
@siriusstas 3 жыл бұрын
Очень круто, спасибо
@user-jc6pl2xj7k
@user-jc6pl2xj7k 3 жыл бұрын
спасибо за урок! и ваш труд!
@user-rj3od6hw9s
@user-rj3od6hw9s 6 жыл бұрын
Круто! Продолжай, пожалуйста))
@lichseksi4000
@lichseksi4000 5 жыл бұрын
Это волшебно, друг, ты лучший
@user-nl9sj3we2r
@user-nl9sj3we2r 4 жыл бұрын
Вы самый нормальный учитель на ютубе, все объясняете очень ясно и доходчиво. Буду рад ечли научите эффекту пульсирующей кнопки.
@denisvoloshin4290
@denisvoloshin4290 6 жыл бұрын
Это очень круто, понятно и доходчиво. Ждём продолжения)
@enderhexfyreeve1900
@enderhexfyreeve1900 6 жыл бұрын
ооо!!! редко сейчас можно встретить годный контент. очень понравилось, жги дальше.
@maksimsmetanin49
@maksimsmetanin49 6 жыл бұрын
Супер!
@user-wq4ht1ok1s
@user-wq4ht1ok1s 6 жыл бұрын
Артём, огромное спасибо за твой труд! Видео очень помогают)
@user-mc5kx2jz7h
@user-mc5kx2jz7h 6 жыл бұрын
Очень интересно, спасибо)
@elizavetaverkashanskya7048
@elizavetaverkashanskya7048 6 жыл бұрын
Очень годно, отличная подача. Интересно, понятно, без воды. Лайк однозначно
@serghiyveres6750
@serghiyveres6750 6 жыл бұрын
Очень хорошая подача. Все понятно и просто... И легко реализовывается в любом проекте. Было бы очень удобно держать для себя под рукой подобный фичи... Артёму респект...
@Grapeoff
@Grapeoff 6 жыл бұрын
Спасибо! Было круто!
@ay3336
@ay3336 6 жыл бұрын
Спасибо большое, прекрасный и очень понятный урок! Лаконично и по делу!
@Oleksii-xc7rh
@Oleksii-xc7rh 5 жыл бұрын
Супер, крутые уроки, спасибо)
@RewCSharp
@RewCSharp 5 ай бұрын
Спасибо за урок!
@kalloriano
@kalloriano 5 жыл бұрын
Чёрт возьми. Это так просто и так прекрасно. Спасибо. 👍👍👍👍
@dosxanzada
@dosxanzada 6 жыл бұрын
Крутая идея! Хочется всегда научиться чему то новому за такое маленькое время! 👍
@user-je9lx5ni2p
@user-je9lx5ni2p 6 жыл бұрын
Интересное видео. Спасибо!
@eliseykravchuk753
@eliseykravchuk753 6 жыл бұрын
класс вообще супер давай больше таких уроков
@vitaliamilaeva9259
@vitaliamilaeva9259 5 жыл бұрын
Продолжайте курс сss-features. Очень полезный контент!
@user-yg2yy7fn2j
@user-yg2yy7fn2j 6 ай бұрын
Спасибо огромное, выручили!!!
@alexredcross
@alexredcross 6 жыл бұрын
Супер, спасибо за урок!)
@yamahabiker316
@yamahabiker316 6 жыл бұрын
Хорошая рубрика!!!!))))))))) Нужно больше ФИЧ!!!!)) Спасибо, очень полезные штучки)))
@user-gz1lz7hh9w
@user-gz1lz7hh9w 6 жыл бұрын
Очень интересная тема, побольше подобных фишек
@user-ir7sm6oi4o
@user-ir7sm6oi4o 6 жыл бұрын
Замечательный урок. На самом деле первый раз услышал свойство backface-visibliti. Спасибо за новые знания))
@albigr5004
@albigr5004 6 жыл бұрын
Конечно понравилось! Ты крут!!!!
@user-nk9hz2is3v
@user-nk9hz2is3v 6 жыл бұрын
Это просто класс. Спасибо. Много интересного.
@igorgorobets8567
@igorgorobets8567 2 жыл бұрын
Отлично! Познавательно! Качество видео и подача на хорошем уровне! Рекомендую!
@user-qr9yq8fw7g
@user-qr9yq8fw7g 5 жыл бұрын
Классно! Эффект топовый!
@Programmer777
@Programmer777 6 жыл бұрын
очень круто!)
@gfferre8494
@gfferre8494 5 жыл бұрын
Очень крутая идея рассказывать CSS фичи! Поддерживаю, ставлю лайк!
@comebackhome892
@comebackhome892 5 жыл бұрын
Артем, ооочень благодарен вам, как раз это искал!
@sergeykilochytsky8178
@sergeykilochytsky8178 6 жыл бұрын
Круто, все кратко и доходчиво, то, что нужно.
@JavaScriptcher
@JavaScriptcher 3 жыл бұрын
Очень круто!!За один урок много полезного узнал!!!✊
@mikeblkzv2046
@mikeblkzv2046 4 жыл бұрын
все супер, побольше такого контента!
@mrmagistr6958
@mrmagistr6958 6 жыл бұрын
Круто) было очень интересно) жду продолжения)
@user-sd9wm5dk4t
@user-sd9wm5dk4t Жыл бұрын
Excellent presentation. Artem, thanks!
@kotlancer
@kotlancer 4 жыл бұрын
Очень круто!
@siargeidostanko5778
@siargeidostanko5778 4 жыл бұрын
Очень круто!!!
@webshark2959
@webshark2959 6 жыл бұрын
Воу ) Это было прикольно ) Однозначно Лайк :)
@romankrutsenko4895
@romankrutsenko4895 5 жыл бұрын
Очень круто!!) Спасибо
@faterru
@faterru 6 жыл бұрын
Молодец, доходчиво и понятно!
@sasharybalov2009
@sasharybalov2009 6 жыл бұрын
Шикарный урок
@yuriiya7752
@yuriiya7752 4 жыл бұрын
Отличная дикция, очень понятно, отличный канал, подписка незамедлительно!
@nikolasoliynyk9728
@nikolasoliynyk9728 5 жыл бұрын
Парень красавчик, вот такое я искал уже давно. Тема вообще топовая. ) Я за фичи! )) лайк везде
@my_coolheart
@my_coolheart 6 жыл бұрын
Блин, просто и круто! :)
@big-school
@big-school 6 жыл бұрын
Спасибо большое! Очень ценная инфо было для меня
@user-dk9yl4ct7b
@user-dk9yl4ct7b 4 жыл бұрын
Просмотрел видео. Сразу возникли идеи,🤔 как и где эту карточку применить. Супер спасибо большое за информацию.
@dimitrikupzov7698
@dimitrikupzov7698 5 жыл бұрын
Большое спасибо мужик!!!
@antonmazhuto
@antonmazhuto 6 жыл бұрын
Круто, молодец
@glebzetchanel1701
@glebzetchanel1701 5 жыл бұрын
То что нужно!
@progerlife6690
@progerlife6690 4 жыл бұрын
офигеть!! Спасибо Артем!!))
@TheAssasin4919
@TheAssasin4919 5 жыл бұрын
Спасибо большое. Продолжай в том же духе!
@orkligi4396
@orkligi4396 6 жыл бұрын
Годный фокус
@Houk1995
@Houk1995 5 жыл бұрын
супер!!спасибо)Всё получилось
@ilyakalkaev7432
@ilyakalkaev7432 5 жыл бұрын
Спасибо за урок, очень классная фича!
@zhenyad1484
@zhenyad1484 6 жыл бұрын
лойс, больше подобного контента!
@Kontrbandist
@Kontrbandist 6 жыл бұрын
Очень классно и понятно!!!
@soulrest86
@soulrest86 6 жыл бұрын
редко когда найдешь что то годное по css на youtube на русском. эти примеры - очень хорошие...
@Nerossoul
@Nerossoul 6 жыл бұрын
Отлично! давай ещё!!!
@huxster986
@huxster986 6 жыл бұрын
Спасибо, очень интересный видео урок!)
@salmonmakhmudov4964
@salmonmakhmudov4964 6 жыл бұрын
Спасибо,понятно все объяснил
@user-ph8bv7lb2y
@user-ph8bv7lb2y 3 жыл бұрын
Нормально прям получилось !
@rvolik
@rvolik 6 жыл бұрын
давай еще!!!! благодарю!
@user-ho7go7sk1o
@user-ho7go7sk1o 6 жыл бұрын
Очень круто)
@aleksandraleksandrovich2894
@aleksandraleksandrovich2894 6 жыл бұрын
Это афигенно) спасибо
@olehb629
@olehb629 5 жыл бұрын
то , что я искал))) спасибо
@yevheniidodiak3644
@yevheniidodiak3644 3 жыл бұрын
Отличный преподаватель ☝️🔝
@Alexander-mh7hy
@Alexander-mh7hy 4 жыл бұрын
Спасибо за видео!
@dmitriymovchan6563
@dmitriymovchan6563 6 жыл бұрын
Хорошее видео. Хочу побольше таких.
@Kanet22
@Kanet22 3 жыл бұрын
Всё круто !
@jakiem4340
@jakiem4340 3 жыл бұрын
Круто😎👍👍
@rossbill
@rossbill 6 жыл бұрын
Отлично. Пару советов. Желательно сразу писать по БЭМ (меньше вероятность пересечения классов) и стили на Sass. И, возможно, сразу прогонять через autoprefixer, для лучшей поддержки браузерами.
@golyshevonex
@golyshevonex 6 жыл бұрын
Топовая рубрика btw
@arturk2363
@arturk2363 6 жыл бұрын
Четко брльше крутих css примерев
@Arthur_Mar4uk
@Arthur_Mar4uk 5 жыл бұрын
Дуже крутий урок! Лайк , однозначно!
@booinckz
@booinckz 6 жыл бұрын
Нравится )
@shamistanaliyev5678
@shamistanaliyev5678 4 жыл бұрын
просто супер
🌊Насколько Глубокий Океан ? #shorts
00:42
Can You Draw A PERFECTLY Dotted Line?
00:55
Stokes Twins
Рет қаралды 98 МЛН
He sees meat everywhere 😄🥩
00:11
AngLova
Рет қаралды 11 МЛН
MEGA BOXES ARE BACK!!!
08:53
Brawl Stars
Рет қаралды 35 МЛН
Learn CSS Variables In 7 Minutes
7:20
Slaying The Dragon
Рет қаралды 33 М.
CSS transform. 2D и 3D трансформации translate, scale, rotate и другие
26:40
Фрілансер по життю
Рет қаралды 185 М.
Что еще умеет FLEXBOX CSS
9:55
Glo Academy
Рет қаралды 18 М.
Задача из Собеседования на 160,000 Евро в Год
13:27
Саша Лукин
Рет қаралды 1,1 МЛН
Аккордеон на чистом HTML, CSS без Javascript!
13:07
Easy Flipcard Tutorial | HTML & CSS
11:20
Coding With Russ
Рет қаралды 62 М.
🌊Насколько Глубокий Океан ? #shorts
00:42