Описание тега animate.css

Animate.CSS is a free collection of CSS animations that can be used in projects with very minimal effort, known as "just-add-water" CSS. It is used in conjunction with Wow.js for scrolling animating effects.
1 ответ

GatsbyJS - окно ошибки показа сборки не определено (AOS)

Я новичок в GatsbyJS и ReactJS, и у меня возникла проблема при создании проекта. Проблема в том, что всякий раз, когда я строю проект с AOS внутри, он показывает, что окно ошибки не определено. Это совершенно нормально, когда я бегу в режиме разрабо…
06 янв '18 в 13:50
1 ответ

Уникальная проблема ворчания

Animate.css - это удивительная библиотека, которую я добавляю в свой проект с помощью bower (не могу изменить имя папки). К сожалению, имя папки "animate.css". Я хочу использовать весь мой проект (включая bower_components) для /**.*.css, К сожалению…
01 июл '14 в 05:34
1 ответ

Как использовать animate.css в css3

Кто-нибудь может мне помочь? Я не знаю, как использовать animate.css. .original, .box { border-radius: 6px; } .original { background: #eaeaed; border: 1px dashed #cecfd5; float: left; margin: 12px 15px; } .box { background: #2db34a; height: 95px; li…
09 янв '15 в 08:41
1 ответ

Не удается заставить Animate.css работать с AngularJS 1.3

Согласно нескольким блогам, это должно работать. <li ng-animate="{enter: 'animated shake'}" ng-repeat="name in names | filter:search"> <a href="#"> {{name}} </a> </li> Plunkr: http://plnkr.co/edit/Wlp0ckeEWHQcsrzIfAyk?p=previ…
18 сен '14 в 14:48
0 ответов

CSS3 анимации в мобильных браузерах

Поэтому в настоящее время я разрабатываю веб-приложение для мобильных устройств. Я использую Animate.css для анимации. Хотя анимация отлично работает в настольном браузере, она очень медленная и неравномерная в мобильном браузере. Поскольку animate.…
07 мар '16 в 05:03
1 ответ

Hammer.js и jQuery запутанные классы

Я пытаюсь создать веб-приложение, которое будет работать на моем телефоне. Я использую библиотеку Hammer.js для распознавания сенсорных жестов и animate.css для анимации. Я использую swipeleft а также swiperight распознаватели касания, чтобы изменит…
06 фев '16 в 00:39
4 ответа

Grunt рассматривает папку с точкой как файл

При попытке скомпилировать мой файл grunt и встроить в мой dist папка для развертывания я получаю следующую ошибку в консоли: Running "rev:dist" (rev) task dist/public/app/app.js >> 63decaf3.app.js dist/public/app/vendor.js >> a09756ab.v…
02 сен '14 в 15:35
1 ответ

Запуск анимации с родительским DIV с использованием WOW.js

У меня есть родительский DIV (.wrap) с несколькими изображениями, которые исчезают, используя WOW.js/Animate.css. Каждое изображение располагается Абсолют в разных местах. Мне было интересно, есть ли способ запустить все анимации внутри родительског…
16 дек '14 в 18:33
1 ответ

Целостность субресурса для animate.css?

Google ничего не нашел по этой теме, и есть некоторые вопросы, связанные с целостностью субресурсов в Stackru, но мой вопрос: как вы генерируете этот криптографический хеш для CDN <link>? В моем случае это animate.css, но я думаю, это может бы…
30 июн '16 в 10:22
0 ответов

animate.css -div исчезает после анимации

Я использую waypoint.js и animate.css, чтобы оживить мой div, и он работает, но для некоторых анимаций, таких как flipInX и zoomIn, div выполняет анимацию и исчезает. Но для некоторых других случаев, таких как fadeIn,bounceIn, этого не происходит и …
20 сен '18 в 08:11
1 ответ

Animate.css одновременно с fadeInLeft и fadeInRight

Я хочу использовать fimateInLeft и fadeInRight в Animate.css одновременно, но когда появляются элементы, горизонтальная прокрутка становится больше, чем фактический размер экрана. Позвольте мне показать вам, что я имею в виду. Каждый элемент идет с …
08 авг '17 в 15:45
1 ответ

Пользовательская функция для animate.css, вызывающая проблемы

Я использую animate.css библиотека для моего проекта. Я думал, что будет проще создать функцию jQuery, которая сделает большую часть работы за меня. Вот функция: $(function () { $.fn.extend({ animateCss: function (animationName, callback) { var anim…
19 дек '16 в 14:56
1 ответ

Анимированные переходы ui.router

Я пытаюсь оживить переходы пользовательского интерфейса маршрутизатора. Для этого я использую animate.css а также angular-animate, но у меня есть проблема: когда происходит переход, выходящий вид опускается вниз, а затем перемещается влево (новый ви…
0 ответов

Улучшение поведения ng-click/ng-show

У меня есть ng-repeat, который перечисляет кучу заголовков, которые имеют ng-клики. Всякий раз, когда щелкают по одному из названий, он открывает разделенный раздел внизу, чтобы раскрыть больше деталей: <div class="child" ng-repeat="item in c.sta…
0 ответов

animate.css заставляет другие элементы "подпрыгивать"

Я создал несколько целевых страниц ( вот демо) и использовал animate.css. Это прекрасно работает, но другие элементы на экране, кажется, немного "подпрыгивают", когда анимация срабатывает (см. Раздел "Рекомендации" внизу страницы). Вы можете использ…
10 апр '14 в 07:39
3 ответа

Добавить класс animate.css в mouseenter и mouseleave

Я хотел бы использовать animate.css для fadeIn/fadeOut контента, когда пользователь наводит курсор на изображение. Я пытаюсь выяснить, как лучше всего переключать классы с FadeIn и FadeInUp на mouseenter на FadeOut и FadeOutDown на mouseleave. Приме…
05 ноя '16 в 04:21
2 ответа

EmberJS Добавляет анимации в DIV для Fade Out и Fade In на мероприятии Actions

Я новичок в Ember, но почти закончил то, что я намеревался сделать. Мне просто нужно оживить вещи как последний шаг. Я использую animate.css и animateCSS для моей анимации. У меня есть набор тегов. Когда пользователь нажимает на каждую кнопку, я выз…
07 сен '15 в 13:42
0 ответов

Как получить класс animate.css для применения ко всем ответам бот-чата (написанным на Rivescript) с использованием jQuery?

Я написал скрипт chatbot, используя rivescript, и встроил чат в свой сайт. Когда пользователь вводит текст, я хочу, чтобы текст ответа бота "fadeInUp" выводился на экран. Javascript, который я написал, работает для начального ответа бота (после того…
0 ответов

Библиотека эффектов CSS в Angular 2+ Scss Cli Mode

Я создал новые проекты, используя Angular-cli со стилем SCSS. Все отлично работает, но я немного запутался в установке Animate.css. Там нет animate.scss, так это имеет значение? Должен ли я просто импортировать библиотеку из моего styles.scss?
30 окт '17 в 13:19
1 ответ

Конфликт между WOW.js и прокруткой одной страницы

Я пытаюсь объединить следующие плагины JS на сайте, над которым я работаю, https://github.com/peachananr/onepage-scroll Одностраничный свиток, автор Пит Р. http://mynameismatthieu.com/WOW/ WOW.js, Matthieu Aussaguel (вместе с animate.css) В каждом р…
12 май '14 в 16:58