Магия CSS #7 — Презентация Apple 2019 и крутая анимация для сайта

В этом видео мы разберем, как создается анимация на примере сайта Apple, где при помощи правила @keyframes задается цикл для свойства background-position.

__
__
__

[WindchesterWebDev]

Зачем CSS компрессор? В инспекторе в браузере есть внизу под сжатым кодом кнопочка с фигурными скобками, которая при нажатии приводит код в читаемый вид.

[bivnbsl]

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

[zilenmd]

Спасибо. Благодаря этому видео узнал, как НЕ надо делать.

[yura_]

прикольно слушай, молодец )) а эпл реально молодцы. Многие их критикуют, но надо отдать должное - делают хорошие продукты. Сам буду покупать новый айпад, как раз тот, вкладка с которым у тебя была открыта)

[RomanBaranov]

сначала будет отрисовка path у свг, а там 500 строчек кода для анимации + пнг, да лидеры индустрии, но решение сомнительное, единственное, что надо проверить, отрисует ли svg path нормальную обводку

[WebupblogRu]

А Pretty print кнопкой в испекторе вы не пользуетесь? Можно было там сразу стили развернуть.

[kostasancez]

Так это пнг спрайт обычный, понятно спасибо))

[vizitgame]

Сделали бы серию уроков по ворлд пресс. как адаптировать верстку под ворлд пресс и посадить ее на движок и вообще как создать под него шаблон. очень бы хотелось такое у вас на канале увидеть такого рода уроки с вашими доходчивыми объяснениями..

[constantine]

Тюю, я думал ща будем верстать сайт эппла

[_friendly_angel]

Я то думал щас покажут как использовать SVG картинки а не как копировать у ЭППЛ...

[evgeniyprowork]

Не понимаю в чем смысл отдать за телефон 2к+ баксов, что в нем есть такого критически важного в отличии от телефона за 200-400 долларов ? игроманов не беру в расчет