реально ты крутой человек! так просто объясняешь, поклон тебе до земли! На разных обучалках в ютубе по этой же теме смотрел, ты лучше всех расказваешь и понятным языком! СПАСИБО за твой труд!)
До наведения эллементы .phone .tablet .desktop не скрываются, а висят снизу в скролле. Для устранения для родительского блока - .section добавляем свойство overflow-y: hidden (Скрывает содержимое, которое выходит за границы блока по оси Y).
Крутое видео! Спасибо! Хоть немного начинаю понять что можно делать с помощью css. На своем, рабочем сайте хочу сделать адаптивный шаблон, но пока знании не хватает
Отлично и очень познавательно. Спасибо. Если не сложно, то можно ли начинать ролик с демонстрации готового эффекта, это увеличит аудитории, думаю, что кроме «программеров» подключатся «заказчики».
Артём здорово. А зачем медиа запросы. Можно сделать на flex. И ещё в каком редакторе ты работаешь и не мог бы ты скинуть ссылку на предыдущий урок где крутится карточка. И ещё нет ли у тебя уроков по созданию адаптивного дизайна сайта. То есть фактически это будут три разных дизайна.
Здравствуйте. Спасибо за уроки. А как сделать, чтоб вместо простых прямоугольников было изображение планшета, компа и мобильного, а внутри какой-то сайт?
Вы говорите что можно таким образом сделать ввод на банковской карте, но ведь ввести данные получится только в тыльную сторону, потому что при hover на лицевой стороне будет переворот, и лицевая сторона видима но недоступна. Как исправить?
Блин,все хорошо получилось,но эффекта задержки на 0.2,0.4 и 0.6s я так и не получил,видимо гугл хром не поддерживает эту фичу )) Спасибо за твой труд Артем !
Артем, можете рассмотреть поэкранный 3d-скролл а-ля "кубик"? Типа как на rdcm.com/. Интересно, как это реализуется. И ещё залипательный эффект перехода по ссылкам, типа как у jrabbit.ru в разделе "Наши работы". Спасибо большое за Ваши видео)
Там есть нестандартный момент с изменением направления поворота в зависимости от точки входа курсора. Поэтому когда блоков много, несколько рядов минимум, выглядит очень недурственно. В любом случае, дизайн - это вкусовщина)
Такой вопрос, а как можно скрыть эти блоки под секцией? Они же занимают пространство под первой секцией, а если продолжить писать страницу эти блоки будут перекрывать контент следующей секции.
No_Name поконкретнее, я не пашел как сделать на чистом css3. Пришлось с помощью jquery on scroll добавлять класс animated в котором я прописал translate. Если действительно знаешь как на css то подскажи.
Ребята, кто тут знает где взять коды или где посмотреть выпадающий каталог товаров, как в юлмарте? Автор может Вы сталкивались, или сможете сделать такое видео?
No_Name приветствую) никак не мог найти время для работы над сайтом. Сегодня попробовал. Да, нашел класс .open. Примерно начинаю разбираться в цсс) много классов есть, типа dropdown-menu, b-dropdown._collapsed>.b-dropdown__body что это?))) причем всё это вместе написаны, прям одной стороной)
реально ты крутой человек! так просто объясняешь, поклон тебе до земли! На разных обучалках в ютубе по этой же теме смотрел, ты лучше всех расказваешь и понятным языком! СПАСИБО за твой труд!)
Класс 👍 продолжайте снимать фичи. Они будут очень полезны тем, кто находится в процессе изучения вёрстки.
Артем, у тебя Талант рассказывать... Спокойно-Четко-Ясно! и темы тоже интересные! так что Ждем-с! )
Крутое поставленная речь. Материал сделан на уровне! Молодец.
Здорово! Мне понравился формат уроков про фичи
Очень классно подносишь материал,приятно смотреть!
Годнота) Даёшь больше таких видосов🙆 лови лойс👍
До наведения эллементы .phone .tablet .desktop не скрываются, а висят снизу в скролле. Для устранения для родительского блока - .section добавляем свойство overflow-y: hidden (Скрывает содержимое, которое выходит за границы блока по оси Y).
Крутейшее видео. И большое спасибо за исходник !
Лайк и подписка. Другие видяшки в этом разделе тоже должны быть интересны. Пошел смотреть
Классный плейлист! Спасибо Артём за нищтяки)) P.S. Когда на фону тихо играет мелодия - ролик интереснее слушать, не скучно))
Чётко, как заправка для фантазии! Все понятно интерестно пошёл чаечеу запаривать)))
очень хорошие уроки, спасибо большое. Ждём новые видео)
это просто праздник какой-то!)) супер урок
Отменное обучающее видео. Может я пропустил но неплохо добавить overflow: hidden; для section. А то немножко вредит странице :)
Я только начал изучать CSS, не мог подвинуть текст как надо, потом зашёл сюда и офигел. Чёртов гуру!
Огромное спасибо за Ваши уроки!
Большое спасибо! Все очень доходчиво и приятно смотреть;)
Благодарю Вас за видео.
Подписка) и лайк как раз люблю разные эффекты делать (в section не хватает overflow: hidden)
Спасибо за урок!
Просто самый годный контент по CSS
Потрясающие уроки
Крутая задумка для рубрики) Молодец, так держать )
Красивенько. Еще если привязать трансформацию не к :hover, а к скроллу через jQuery, то будет самодельный аналог wow.js :)
Круто! Единственное, что стоит добавить, overflow:hidden, чтоб не появлялись полосы прокрутки от того что мы картинки вниз опускаем
Интересно смотреть, продолжай
Класс! Ждем-с фичу намбер 3 ))))
Спасибо, все очень легко и понятно, удачи в развитии канала))
Отлично!!! Продолжайте
неожиданно вылетело твое видео, в предложенных..))вот это встреча..
Привет)
с карточками получилось круто
Топовые видео, продолжайте
Крутое видео! Спасибо! Хоть немного начинаю понять что можно делать с помощью css. На своем, рабочем сайте хочу сделать адаптивный шаблон, но пока знании не хватает
Muska T в гунле скачай
Продолжай так дальше!
круто,больше таких роликов!
Супер. Большое спасибо !
👍 то что надо урок хороший
Параллакс ждём все)
Отлично и очень познавательно. Спасибо. Если не сложно, то можно ли начинать ролик с демонстрации готового эффекта, это увеличит аудитории, думаю, что кроме «программеров» подключатся «заказчики».
Круто, спасибо!)
Артём, спасибо
Спасибо большое!
Спасибо Темыч.
годны стиль )
Артем, подскажи каким редактором ты пользуешься. Или это через какой то онлайн ресурс?
desktop
Здравствуйте! Спасибо за уроки! Скажите пожалуйста, как указать путь картинки если она на рабочем столе?
Очень классно
Отлично
Отличный урок, спасибо! Единственное, было бы здорово узнать, как скрыть блоки, потому что они под бг снизу стоят.
Артем, спасибо огромное! Запиши Как нибудь про calc
Супер
Артем, спасибо тебе за видосы, на следующей неделе иду на собеседование в оутсорс, изучаю верстку 3 месяца сам, уже есть первый заказ.
браво))
desctop)
Просто супер, жду фичу как же сделать толщину этим карточкам
какая адаптивная верстка если эффект на ховере
А как добавить прозрачность элементу?Что бы плавно переходил от прозрачного к нормальному виду
голова летающая
ахахахахах
Артём здорово. А зачем медиа запросы. Можно сделать на flex. И ещё в каком редакторе ты работаешь и не мог бы ты скинуть ссылку на предыдущий урок где крутится карточка. И ещё нет ли у тебя уроков по созданию адаптивного дизайна сайта. То есть фактически это будут три разных дизайна.
Отличной темой станет паралакс.
это называется потратить время весело, но впустую
Кстати и гриды я думаю пора пилить)))
А как сделать так, чтобы они выплывали не при наведении на блок, а в тот момент, когда юзер докрутит до этого места?
Ещё больше фич!
IE можно слать в далёкое путешествие, в известном направлении.
Здравствуйте. Спасибо за уроки. А как сделать, чтоб вместо простых прямоугольников было изображение планшета, компа и мобильного, а внутри какой-то сайт?
background-repeat можно перенести в кусок css-кода с классами .phone, .tablet, .desctop
Вы говорите что можно таким образом сделать ввод на банковской карте, но ведь ввести данные получится только в тыльную сторону, потому что при hover на лицевой стороне будет переворот, и лицевая сторона видима но недоступна.
Как исправить?
круто очень
классно!!!
Как сделать анимацию при скролле ?
Super
Как называется среда в которой он пишет код?
Блин,все хорошо получилось,но эффекта задержки на 0.2,0.4 и 0.6s я так и не получил,видимо гугл хром не поддерживает эту фичу )) Спасибо за твой труд Артем !
Артем, можете рассмотреть поэкранный 3d-скролл а-ля "кубик"? Типа как на rdcm.com/. Интересно, как это реализуется.
И ещё залипательный эффект перехода по ссылкам, типа как у jrabbit.ru в разделе "Наши работы".
Спасибо большое за Ваши видео)
залипательный эффект мне не очень нравится, гораздо лучше 3Д вращение. А вот кубик здорово.
Там есть нестандартный момент с изменением направления поворота в зависимости от точки входа курсора. Поэтому когда блоков много, несколько рядов минимум, выглядит очень недурственно.
В любом случае, дизайн - это вкусовщина)
Согласен полностью.
Вот что-то похожее с кубиком..ua-cam.com/video/_xuCWTtLmKk/v-deo.html
Пасебо, годно
А почему при flex исчезают отступы?
Codepen ставит префиксы по умолчанию, в настройках CSS можно поменять
Ааагонь!)))
Как называется редактор?
Такой вопрос, а как можно скрыть эти блоки под секцией? Они же занимают пространство под первой секцией, а если продолжить писать страницу эти блоки будут перекрывать контент следующей секции.
Николай Юшин overflow: hidden
Может попробуем слайдер, чтоб заместо точек были svg и текст, как элементы перелистывания?
Хорошая идея
Тогда будем ждать урок)
Найсово
Сделай видео о книгах для веб-разработчиов)
Никто:
Лысый из браузера: Ой я забыл точку поставить)
😄🤷♂️
появляется скролл когда завёл вниз как решить?
Годно.
Прикольно)))
та как сделать на скрол? Без jquery возможно???
No_Name поконкретнее, я не пашел как сделать на чистом css3. Пришлось с помощью jquery on scroll добавлять класс animated в котором я прописал translate. Если действительно знаешь как на css то подскажи.
Ребята, кто тут знает где взять коды или где посмотреть выпадающий каталог товаров, как в юлмарте? Автор может Вы сталкивались, или сможете сделать такое видео?
No_Name да да, именно каталог который слева. При переходе на какой нибудь раздел исчезает, но при наведении мышью раскрывается.
No_Name ok, я тогда сегодня попробую, отпишусь как и что...
No_Name приветствую) никак не мог найти время для работы над сайтом. Сегодня попробовал. Да, нашел класс .open. Примерно начинаю разбираться в цсс) много классов есть, типа dropdown-menu, b-dropdown._collapsed>.b-dropdown__body что это?))) причем всё это вместе написаны, прям одной стороной)
1:44. Во-первых для бати :)
Классно вышло. (Uzb)
Кла-а-а-а-с-с-с!!!
спасибо за урок, но у меня задержка не срабатывает
подписка и лак от меня
Nice
Артем помоги. Как подключить javascript файл к php,чтобы он его видел
MEC Production Вроде так
я пробую через include подключать файл и тд между не работает
Сделай 3d карусель изображений. Пж