Animation css / Импульсный эффект при помощи Transform Scale

Поділитися
Вставка
  • Опубліковано 17 січ 2025

КОМЕНТАРІ • 69

  • @gonsanha
    @gonsanha 5 років тому

    Просто, доступно, без лишней мишуры. Да ещё исходник на скачку. Нижайший Вам поклон Денис. Это лайк ребята! :)

  • @proctoleha
    @proctoleha 6 років тому +6

    Вот всегда подозревал, что проф. верстальщик работает с css не так, как я - профессиональный php разработчик :). Я в css не полный ноль, но ...
    Вообщем красиво. И сам код, и его организация, и рез-тат, и сама работа с кодом. Плюс в карму однозначно

  • @denisgorelov3236
    @denisgorelov3236  7 років тому +5

    Друзья, задавать transition для hover не обязательно, при условии если у родителя присутствует данный стиль. Спасибо Edward Ilyaskin за внимательный просмотр видео ролика.

    • @ПавелАарон
      @ПавелАарон 5 років тому +1

      по идее можно задать transition вообще для всего body и менять только у некоторых элементов?

    • @ArtimonMon
      @ArtimonMon 3 роки тому

      Павел 4е можно

  • @AK-it4nk
    @AK-it4nk 6 років тому +2

    Денис, вы крут! Спасибо!

  • @swartex92
    @swartex92 7 років тому +1

    У автора очень четко и все по делу! Спасибо

  • @ninovakhania7391
    @ninovakhania7391 7 років тому +1

    Спасибо вам за видео. Фоновая музыка- супер!))

  • @mykhailobokalo6037
    @mykhailobokalo6037 4 роки тому

    Очень круто. Спасибо большое!!

  • @Mykhailo_Vdovychenko
    @Mykhailo_Vdovychenko 5 років тому

    Супер урок! СПАСИБО!

  • @СемёнКарамазов
    @СемёнКарамазов 7 років тому

    Спасибо за полезный контент!

  • @Sila_Tim
    @Sila_Tim 4 роки тому

    спасибо, все круто работает!)

  • @АнджейКантор
    @АнджейКантор 7 років тому

    Спасибо, хороший урок, недавно искал реализацию по этой теме и бац на канале DWS TV

  • @davidmatevosyan8241
    @davidmatevosyan8241 7 років тому +7

    Привет . Спасибо вам за все . Спасибо за все уроки и за все полезное . Очень хороший канал . И хорошо объясняете что к чему ... есть просьба ... если есть время снимайте видео про @keyframes и все функции которые он умеет . Заранее спасибо

    • @denisgorelov3236
      @denisgorelov3236  7 років тому +1

      Есть такая идея, возможно в будущем сниму по @keyframes отдельный урок. Спасибо за комментарий, благодаря таким отзывам с радостью записываешь уроки.

    • @davidmatevosyan8241
      @davidmatevosyan8241 7 років тому +1

      Вам спасибо за все . Желаю чтобы ваш канал набрал много количество подписчиков и лайков ) всево хорошего вам ))

  • @Evgaish
    @Evgaish 6 років тому +2

    Здравствуйте ! Классный урок ! Спасибо !!! Но как сделать дальше, чтобы уже звонить с телефона в компанию нажав эту кнопку....?????

    • @ArtimonMon
      @ArtimonMon 3 роки тому +1

      Добавить ссылку ну a где href написать tel:и номер телефона

  • @fagolion5321
    @fagolion5321 7 років тому +4

    когда будем (клик на телефон)?

  • @alex_prime
    @alex_prime 7 років тому

    Среди туч видео на ютубе о политике, бесконечных автоблогерах и бесполезных стримах - смотреть видео Дениса интересно и познавательно!

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

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

    • @МатвійКотовський
      @МатвійКотовський 6 років тому

      DWS TV - Уроки по WEB разработкам нрав твои видео учу CSS хтмл уже выучил.Подача контента очень хорошая!!!

  • @lackevil3730
    @lackevil3730 4 роки тому

    Спасибо! Помогли сделать дедлайн)

  • @mrEugeneXd
    @mrEugeneXd 6 років тому

    Спасибо

  • @Wolzow
    @Wolzow 4 роки тому

    а как музыка на фоне называется?)

  • @dimaspec
    @dimaspec 7 років тому +1

    Подскажите пожалуйста что Вы использовали за плагин, что показывал в окошке отображение результата ввода через emmet или это просто настройки его, Вы наверно работаете не в Sublime.

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      Это стандартный функционал PhpStorm, дополнительных плагинов не устанавливал.

    • @Alexandr661961
      @Alexandr661961 6 років тому

      @@denisgorelov3236 как видеть рилтайм изменения в phpstorm?
      расскажите

  • @STALINGRADETS
    @STALINGRADETS 7 років тому

    Да ты крут!!!

  • @VladV89
    @VladV89 6 років тому

    Спасибо за урок! Подскажите, как код такой кнопки можно использовать в WordPress? Мне нужно сделать такую кнопку именно для WordPress.
    Спасибо!

  • @РоманЯгжин-щ4к
    @РоманЯгжин-щ4к 5 років тому

    Допустим круги идут не по наведению и постоянно. Как сделать интервал между циклами анимации кругов? Круги прошли потом пауза скажем 3 секунды и следующий цикл.

  • @eduard.ilyaskin
    @eduard.ilyaskin 7 років тому +3

    кстати можно не задавать transition для hover если он есть у основного блока, лишний код получается

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      да верно, там можно их удалить.

    • @lezgin1823
      @lezgin1823 6 років тому +2

      Edward Ilyaskin я тоже так хочу знать))))

  • @lezgin1823
    @lezgin1823 6 років тому +1

    Все классно, но очень быстро показано. Это скорее для профи ролик записан))) а на счёт подхода, как Вы это делаете, реально супер!!! Я уже второй курс верстки закончил, и так никто там не знает даже)))) сегодня говорил о треугольниках в ксс, а препод спорит , что нельзя. 😁 я говорю я же Вам домашку делал. Кнопку плей ставил сам. Я говорит не смотрел код😉 после Вашего ролика с выпадающим меню я ему написал, так сегодня он уже объяснял это на последнем уроке)))) хорошо что я уже это вчера выучил😆😆😆 к Вам одна огромная просьба , для таких, как я, в брониках😁 нельзя ли чуть-чуть по-медленнее 😁😁😁☝️ а так ещё раз спасибо!!!!!!!!!

    • @denisgorelov3236
      @denisgorelov3236  6 років тому

      Спасибо за комментарий, учту.

  • @rus.7971
    @rus.7971 3 роки тому

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

  • @ИльяШишлачев
    @ИльяШишлачев 7 років тому

    четко

  • @stassuper5859
    @stassuper5859 6 років тому

    А как отразить иконку телефона по горизонтали? Спасибо! Очень помогли!!!

    • @denisgorelov3236
      @denisgorelov3236  6 років тому

      Используй flexbox или позиционирование для основного контейнера.

  • @nickz591
    @nickz591 6 років тому

    Топчик

  • @EUC_stuff_01
    @EUC_stuff_01 5 років тому

    как сделать чтобы сайт обновлялся в процессе написания кода?

  • @feyeriya2796
    @feyeriya2796 5 років тому

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

  • @kirillmikulich6087
    @kirillmikulich6087 6 років тому

    что за редактор?

  • @Evgaish
    @Evgaish 7 років тому

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

    • @denisgorelov3236
      @denisgorelov3236  7 років тому +1

      Тогда придется переписать часть кода, задать ключевые кадры при помощи @keyframes и зациклить анимацию.

    • @Evgaish
      @Evgaish 7 років тому

      DWS TV - Уроки по WEB разработкам Благодарю за ответ !!!! Показали бы практику по этой теме.....!!! А за одно бы и как подключить данную кнопку, для того чтобы осуществлять звонки на телефон непосредственно с сайта..... !!!

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      Спасибо за предложение, возьму на заметку.

    • @Evgaish
      @Evgaish 7 років тому

      DWS TV - Уроки по WEB разработкам Уважаемый! У вас есть уроки про адаптацию сайта под мобильные устройства !????

  • @val0c1ty
    @val0c1ty 7 років тому

    Я не могу зарегистрироваться у тебя на сайте, на почту письмо с подтверждениям регистрации не приходит ни в спам ни в основную ячейку, что за дела? Отправить снова не могу, функции "Забыли пароль?" - нет. Что ж ты так свой сайт криво сделал?

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      До Вас таких проблем не было, каждый день регистрируются и жалоб пока не поступало. Напишите в группу VK, дату регистрации и логин который вводили проверим БД на наличие данного пользователя.

  • @programmer9723
    @programmer9723 7 років тому

    Какой техтавой редактор

  • @jetfire1213
    @jetfire1213 7 років тому

    что за плагин live reload?

  • @fagolion5321
    @fagolion5321 7 років тому

    почему не работает когда нажимаем на телефон, как авторизовать ?

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      Не совсем понял вопроса, в данном уроке не разбираем клик на телефон, тут просто анимация по наведению.

  • @markpikalov
    @markpikalov 6 років тому

    кто подскажет как программа называется?

  • @Evgaish
    @Evgaish 7 років тому

    Хорошее видео, но сразу понятно, что для бывалых..... Для новичков Конкретно по коду ничего не объясняется......

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      Не все уроки такого характера, есть вперемешку с теорией.

  • @off1801
    @off1801 4 роки тому

    красиво. доступно но бесполезно. нужен клик-ссылка на телефон

  • @AlexSanPGR
    @AlexSanPGR 7 років тому

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

  • @АлексейБогомолов-ж2ф

    Это одна из самых раздрожающих штук на сайтах. Отдельные индивиды дают ей ограмменные размеры, просто износилование мозга посетителя какое-то. Чувак, не учи плохому.

    • @denisgorelov3236
      @denisgorelov3236  7 років тому

      На базе данного урока я показывал анимацию, а как где и как применять это дело каждого.

  • @myhyil
    @myhyil 4 роки тому

    Спасибо