Мені 42, майже з початку червня, навчаюся за Вашими відосами. Почав з нуля) Передивлчюся кілька разів, нотую головне з скрінами - в Ворді. Ніби все виходить...
Теж зіштовхнулась з цією проблемою. Коли повторювала за автором остання кнопка була як треба без ефекту, а у новому схожому файлі (який я створила для практики, але з іншими кольорами) підкреслення у кнопці є, хоча код ідентичний.
Треба зразу за уроком мавпувати, тупо повторювати все а не просто дивитись уроки. Прописувати код прямо за автором, ставити на паузу, переписувати код. Воно майже як м'язова пам'ять напрацьовується
а чому зникаюча лінія яку ми створювали завдяки : :after не суцільна(на всю довжину екрана припустимо), а підлаштувалась під довжину слів у навігаційній панелі?
тому що в нас width=100%, в даному випадку 100% від батьківського елементу (так як ми поставили position relative для батьківського елементу) спробуйте замінити width на 5px і побачите, що ширина лінії перестає залежати від батьківського елементу і стає 5px
Доброго вечора! Не знаю чи це зауваження ще доречне, але на 21:29 ми transition часом не маєм поміщати у .nav-list-link:hover чи , все таки, у nav-list-link? Наперед дякую за відповідь!
transition не потрібно ніколи поміщати к псевдоклас :hover. У :hover нам потрібно поміщати зміну, яку ми хочемо задати елементу. І щоб ця зміна була плавною, якраз таки потрібно transition прописувати безпосередньо для елемента.
hover, як приклад, так) Але можуть бути різні анімації. На клік кнопки теж може бути корисно. Або на скрол сторінки. Та що завгодно може бути, одним словом :)
В мене окремого заняття на цю тему не було поки. Раджу переглянути англомовний курс крутого британського блогера: ruclips.net/video/jgw82b5Y2MU/видео.html
20:28 - тяжко зрозуміти чому саме ми пишемо це для дочірніх селекторів в "nav-list-link", за моєю логікою, коли я старався зробити це без пояснення, я хотів це прописати в батьківсьому селекторі "nav-list", бо як мені тоді здавалось, тег "color" у дочірньому змінить тільки лінію, а контент у виді тексту лишиться не змінним. / Поки писав цей коментар, трішки вже роздуплився. Батьківський селектор "nav-list" охоплює всю площину написаних нами дочірніх елементів, тобто, за наведенням на одну із дочірніх елементів, загоряться і всі інші, але якщо ми це пропишимо суто під дочірний селектор "nav-list-link", і не важливо що всі вони мають однакові селектори в дочірніх елементах, вони всі будуть працювати окремо незалежно один від одного, бо при наведені, активується всього лише один із елементів для цього селектора. Пояснень не потрібно)
Радий, що зміг знайти данний курс! Дякую автору за такі зрозумілі пояснення.
Дякую за заняття! Дуже інформативно
Дякую. В вас дуже детальні відео, все зрозуміло.
Мені 42, майже з початку червня, навчаюся за Вашими відосами.
Почав з нуля)
Передивлчюся кілька разів, нотую головне з скрінами - в Ворді.
Ніби все виходить...
І як зараз успіхи ?
цей ефект що ми робили, не повинен поширюватися на останню кнопку "донейт" (:
але все одно, дуже дякую за ці уроки -_-)
Просто змініть назву класу в останнього li a елементу (донейт) і на нього не будуть поширюватися ефекти)
Теж зіштовхнулась з цією проблемою. Коли повторювала за автором остання кнопка була як треба без ефекту, а у новому схожому файлі (який я створила для практики, але з іншими кольорами) підкреслення у кнопці є, хоча код ідентичний.
Початок наступного відео все прояснив) змінила назву класу в останнього li a елементу і все тепер гарно
Дякую вам за заняття.
Дякую! :)
Дякую! Було цікаво!
Дякую за урок. З острахом думаю, як це все самому повторити?) певно неодноразово прийдеться занурюватися у ваші відео та супутню документацію по CSS
Треба зразу за уроком мавпувати, тупо повторювати все а не просто дивитись уроки. Прописувати код прямо за автором, ставити на паузу, переписувати код. Воно майже як м'язова пам'ять напрацьовується
Дякую!
Привіт. Як зробити, щоб натискаєщ на обєкт 1, а transform rotate 360deg виконують інші 4, наприклад обєкта? Дякую
Підкажіть як зробити анімацію сердечка.
👍
а чому зникаюча лінія яку ми створювали завдяки : :after не суцільна(на всю довжину екрана припустимо), а підлаштувалась під довжину слів у навігаційній панелі?
тому що в нас width=100%, в даному випадку 100% від батьківського елементу (так як ми поставили position relative для батьківського елементу)
спробуйте замінити width на 5px і побачите, що ширина лінії перестає залежати від батьківського елементу і стає 5px
@@annaserb9 дякую!
Доброго вечора! Не знаю чи це зауваження ще доречне, але на 21:29 ми transition часом не маєм поміщати у .nav-list-link:hover чи , все таки, у nav-list-link? Наперед дякую за відповідь!
transition не потрібно ніколи поміщати к псевдоклас :hover. У :hover нам потрібно поміщати зміну, яку ми хочемо задати елементу. І щоб ця зміна була плавною, якраз таки потрібно transition прописувати безпосередньо для елемента.
Останній елемент підтримати в сайті оригіналі при хавері ма лише зміну сердечка а лінії немає.Підкажіть як це зробити
як зробити блимаюче сердечко при наведині на кнопку
skew 360deg досить цікаво виглядає) кому цікаво спробуйте
мені дуже цікаво як у мене вийшло що на "Підтримати" у мене немає лінії, а у вас є, напевно моя підсвідомість пізнала CSS краще ніж я сама
В html не добавили там клас)
Питання відносно осей.Y це вгору , вниз, а X вліво - вправо?
Єп)
@@savchukit1454 математика рулить.Вісь абсис і вісь ординат
@@dentergun1883 ординат і абсцис
Чому без транзішн повертається лише текст тобто контент блоку дів а не сам дів ?
обертається
Знайшов баг у функції ротейт: якщо обертати об'єкт типу зірочка, і навести курсор в певну точку, то об'єкт буде обертатись безкінечно
Привіт,а в яких випадках ще можливе використання transform? Чи лише з hover? Дякую
hover, як приклад, так)
Але можуть бути різні анімації. На клік кнопки теж може бути корисно. Або на скрол сторінки. Та що завгодно може бути, одним словом :)
спасибо, хорошие уроки, а где уро по анимации ? я не нашел. если есть дайте номер урока плиз
В мене окремого заняття на цю тему не було поки. Раджу переглянути англомовний курс крутого британського блогера:
ruclips.net/video/jgw82b5Y2MU/видео.html
20:28 - тяжко зрозуміти чому саме ми пишемо це для дочірніх селекторів в "nav-list-link", за моєю логікою, коли я старався зробити це без пояснення, я хотів це прописати в батьківсьому селекторі "nav-list", бо як мені тоді здавалось, тег "color" у дочірньому змінить тільки лінію, а контент у виді тексту лишиться не змінним. / Поки писав цей коментар, трішки вже роздуплився. Батьківський селектор "nav-list" охоплює всю площину написаних нами дочірніх елементів, тобто, за наведенням на одну із дочірніх елементів, загоряться і всі інші, але якщо ми це пропишимо суто під дочірний селектор "nav-list-link", і не важливо що всі вони мають однакові селектори в дочірніх елементах, вони всі будуть працювати окремо незалежно один від одного, бо при наведені, активується всього лише один із елементів для цього селектора. Пояснень не потрібно)
Дякую!!!