Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
-
Not sure what part am I getting it wrong!!! Thanks for confirming @vortex, now one less thing to find answer for.
-
I'm sure there are tutorials around.. i used it once in a custom transition with vuejs (1.0.15)
I just defined a transition like this-
<Script>
Vue.transition('x', { enterClass: 'fadeInUp'});
</Script>
And then i could use it in the html-
<Div Class="animated" transition="x" ... >
Then the animation would work each time i'd show/hide the div
credit to the wonderful Jeff Way @ laracasts.com -
I'm building a quote machine... everytime you click a button there should be a quote dropping like an angel with "fadeInDown" effect.
Html <body> code goes:
<button id="quoteBtn" onclick = "newQuote()">Drop it</button>
<div id="quoteDisplay" class="animated fadeInDown">
<!-- Quotes will display here -->
</div>
And JS function code goes:
function newQuote () {
var randomNumber = Math.floor (Math.random ()*(quote.length));
$('#quoteDisplay').addClass ('animated fadeInDown');
document.getElementById('quoteDisplay').innerHTML= quotes [randomNumber];
}
Is anything wrong in the above code?
When downloading 'animate.css', is it wrong to copy the raw file and paste into a file named 'animate.css' and link it in html file? Why doesn't it work??!!
undefined