Performing the Fade Animation Without Magic Strings #3 - Vue Projects
If you liked the video please subscribe to our channel. Visit https://www.excitoninteractive.com/ar... to see the code for this video.
Please join us on:
************************
Facebook - / xcinteractive
Twitter - / xcinteractive
Article Abstract
************************
In this article we will start by defining our css animation classes names for our fade
animations in a separate file that we will import into our animation mixins. The purpose
for doing this is that we will also export those names out so that we will be able to
use them within the script tags in our vue files and within our typescript files. This
will mean that we will be able to write them down in one place and then use them
where ever we need them. Once that is done we will focus on removing our reliance on
using magic strings to communicate which animation we want to run and what class names to
apply when. We will finish up by adding the ability to notify a consumer as to what
stage the animation is currently on.
Credits
************************
Clap Along by Audionautix is licensed under a Creative Commons Attribution license https://creativecommons.org/licenses/...
Artist: http://audionautix.com/