Анимация градиента на чистом CSS!

แชร์
ฝัง
  • เผยแพร่เมื่อ 16 พ.ย. 2024

ความคิดเห็น •

  • @sergozar
    @sergozar 5 ปีที่แล้ว +17

    Утебя самые ах###ные уроки по html, css.
    Низкий поклон тебе , хороший человек!!

  • @ЗаработоквинтернетеБезвлож-ю8ш

    Спасибо огромное! Я только начинаю програмировать и благодаря тебе мои сайты выглядят более оживлёнными и красивыми!

  • @mcqueen_mamoball
    @mcqueen_mamoball 2 ปีที่แล้ว

    Спасибо огромное, это очень сильно оживит мой сайт!

  • @Чизкейк-ф2г
    @Чизкейк-ф2г 4 ปีที่แล้ว

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

  • @misterho5306
    @misterho5306 4 ปีที่แล้ว +1

    Спасибо! Коротко и внятно!

  • @carolbounce49
    @carolbounce49 5 ปีที่แล้ว +1

    Урок очень полезный, все вроде ясно, за исключением функции для анимации ease. Хотелось бы пояснения что она делает собственно)

  • @progerlife6690
    @progerlife6690 5 ปีที่แล้ว +1

    Спасибо Дима! Возьму на заметку)

  • @gagarin-d
    @gagarin-d 3 ปีที่แล้ว

    Благодарю, всё работает!

  • @evgenykonstantinov8414
    @evgenykonstantinov8414 5 ปีที่แล้ว +1

    Давай, давай, больше уроков делай интересных) Развивай канал, не пропадай)) Лайк!

  • @ganjackal
    @ganjackal 3 ปีที่แล้ว

    Спс очень феерично )! Я всего лишь пару недель учусь верстке и то все понял и все получилось!

    • @ganjackal
      @ganjackal 3 ปีที่แล้ว

      Хорошо что появился я вот в скором будущем хочу пройти все твои уроки но вопрос если возник вопрос ,куда писать то ?!)

    • @BrainsCloud
      @BrainsCloud  3 ปีที่แล้ว

      в вк

  • @whereismyvlone
    @whereismyvlone 4 ปีที่แล้ว

    Спасибо! Все очень понятно. Вы лучший!

  • @km_misha6830
    @km_misha6830 2 ปีที่แล้ว

    Спасибо тебе большое

  • @sovasonyasouls
    @sovasonyasouls 2 ปีที่แล้ว

    Спасибо. Теперь понятно что я делала не так )

  • @gorbulevsv
    @gorbulevsv 3 ปีที่แล้ว

    Красиво.

  • @anonymoususer6103
    @anonymoususer6103 5 ปีที่แล้ว +8

    Спасибо за урок )
    Создай пожалуйста аккордеон меню.

  • @ГерманХамитов-ж4ь
    @ГерманХамитов-ж4ь 4 ปีที่แล้ว

    Спасибо большое, крутая тема)

  • @AI4us_EG
    @AI4us_EG ปีที่แล้ว

    Слушай классно выглядит, а как можно это под Tilda подстроить ? Подскажи пожалуйста - не коддер я больше по дизайну .

  • @valeriymalishevskyi1723
    @valeriymalishevskyi1723 5 ปีที่แล้ว

    Спасибо!!!!

  • @luckynumber9606
    @luckynumber9606 5 ปีที่แล้ว

    Помог)

  • @fingerprntscr
    @fingerprntscr 10 หลายเดือนก่อน

    Кайф наверное на макбуке

  • @cheeseman_93
    @cheeseman_93 ปีที่แล้ว

    Круто, вроде бы анимация простая, но все равно сайт поживее стал выглядеть

  • @МатвейЖарков-ф2щ
    @МатвейЖарков-ф2щ 4 ปีที่แล้ว +2

    Дмитрий, хорошая работа.
    Только одно но - выкладывайте код на codepen или jsfiddle. Все материалы уроков можно грузить на cdn - фото например.
    Скачивать архив прошлый век и дурной тон. Если вам необходим трафик собирайте все ссылки на вашем сайте.
    Спасибо за видео.

  • @user5042
    @user5042 5 ปีที่แล้ว +1

    Делается не сложно, но на сайтах не встречал этого. Почему это не добавляют? Долго будет прогружаться у пользователей страницы?

  • @yurijol7814
    @yurijol7814 5 ปีที่แล้ว

    Хотелось бы увидеть как сделать анимацию svg элементов при скролле страницы.

  • @luckynumber9606
    @luckynumber9606 5 ปีที่แล้ว

    Клева

  • @ГРАФЕР-т1и
    @ГРАФЕР-т1и ปีที่แล้ว

    а можно текст сделать градиентным?

  • @Hmurdid
    @Hmurdid 3 ปีที่แล้ว +1

    Привет! Могут ли быть причины почему нет анимации?
    Заранее спасибо!

    • @Oleksandr9665
      @Oleksandr9665 3 ปีที่แล้ว +2

      У меня заработало после того, как я размер фона написал ниже строки, которая задает цвет

  • @okochanel291
    @okochanel291 ปีที่แล้ว +1

    у меня не работоет

  • @alistenkurut
    @alistenkurut 4 ปีที่แล้ว

    у меня вопрос. А как работает эта система
    Просто интересно
    @keyframes gradient{
    0%{
    background-position:0% 50%;
    }
    50%{
    background-position:100% 50%;

    }
    100%{
    background-position:0% 50%;

    }
    }

    • @xaosit8974
      @xaosit8974 4 ปีที่แล้ว

      Css знаешь?

    • @Oleksandr9665
      @Oleksandr9665 3 ปีที่แล้ว

      проценты( ну там 0%{позиции элементов}) это стартовая позиция, от 0 до 100% это промежуточные, 100% это замыкающий и код должен быть идентичен на 0%

  • @maze3262
    @maze3262 3 ปีที่แล้ว

    Странно, написал все точно также как и на видео, но не работает

  • @rushanamuminova2357
    @rushanamuminova2357 3 ปีที่แล้ว

    Я ВСЕ В ТОЧ В ТОЧ СДЕЛАЛ, но не получилось почему?

    • @maze3262
      @maze3262 3 ปีที่แล้ว

      Такой же вопрос

    • @sovasonyasouls
      @sovasonyasouls 2 ปีที่แล้ว

      @@maze3262 Покажите код. У меня сработало.

  • @warpoint2
    @warpoint2 3 ปีที่แล้ว

    Вот что не так со мной )) повторяю за ним буква в букву и нет анимации ))

    • @nicofood1986
      @nicofood1986 3 ปีที่แล้ว

      если убедился в css, то проверь html код, может просто забыл подключить стили или еще что-то