#css #animation
#css #Анимация
Вопрос:
Я хочу воссоздать анимацию всплывающего окна / оповещения Apple (iOS) и смягчение в js / css. Какую функцию смягчения он использует? Существует ли какой-либо существующий код, описывающий анимацию?
Комментарии:
1. Всплывающее окно / оповещение на iOS? Или в OS X?
2. Не могли бы вы опубликовать ссылку с демонстрацией желаемого эффекта. Я думаю, что никто не знает, о каком эффекте apple или orange вы говорите. Также может быть полезно показать ваш код и достигнутый вами прогресс, а также конкретные проблемы, с которыми вы столкнулись при его использовании.
3. Вы имеете в виду growl.info стиль уведомлений?
4. @alecgorge извините, имел в виду iOS
5. @Darin Dimitrov У меня нет ссылки, пожалуйста, посмотрите на своем устройстве iOS. Я думаю, что функция смягчения — это что-то из области easeOutBounce, но хотелось бы получить какое-то подтверждение этому. Анимация на самом деле довольно простая, просто масштабирование. Теперь я совершенно уверен, что это можно было бы просто сделать с помощью css3 и не нуждаться в javascript
Ответ №1:
Вы можете ознакомиться с различными функциями смягчения (и как их реализовать с помощью CSS / SCSS / JavaScript) здесьhttps://easings.net
Вы также можете ознакомиться с программой предварительного просмотра cubic-bezier от Lea Verou на http://cubic-bezier.com чтобы увидеть, что лучше всего соответствует вашим желаниям timing-function
Комментарии:
1. Предоставление ссылки в качестве ответа, я полагаю, приводит к неполному решению, поскольку срок действия ссылок истекает, что теперь произошло, поскольку ваша ссылка выше больше не работает