docs/vendor/mixitup/mixitup.js
function(moveData) {
            var self            = this,
                posIn           = moveData.posIn,
                isFading        = self.mixer.effectsIn.opacity !== 1,
                transformValues = [];

            self.callActions('beforeApplyStylesIn', arguments);

            transformValues.push('translate(' + posIn.x + 'px, ' + posIn.y + 'px)');

            if (self.mixer.config.animation.animateResizeTargets) {
                if (moveData.statusChange !== 'show') {
                    // Don't apply posIn width or height or showing, as will be 0

                    self.dom.el.style.width  = posIn.width + 'px';
                    self.dom.el.style.height = posIn.height + 'px';
                }

                self.dom.el.style.marginRight  = posIn.marginRight + 'px';
                self.dom.el.style.marginBottom = posIn.marginBottom + 'px';
            }

            isFading && (self.dom.el.style.opacity = posIn.opacity);

            if (moveData.statusChange === 'show') {
                transformValues = transformValues.concat(self.mixer.transformIn);
            }

            self.dom.el.style[mixitup.features.transformProp] = transformValues.join(' ');

            self.callActions('afterApplyStylesIn', arguments);
        }
function(moveData) {
            var self            = this,
                posIn           = moveData.posIn,
                isFading        = self.mixer.effectsIn.opacity !== 1,
                transformValues = [];

            self.callActions('beforeApplyStylesIn', arguments);

            transformValues.push('translate(' + posIn.x + 'px, ' + posIn.y + 'px)');

            if (self.mixer.config.animation.animateResizeTargets) {
                if (moveData.statusChange !== 'show') {
                    // Don't apply posIn width or height or showing, as will be 0

                    self.dom.el.style.width  = posIn.width + 'px';
                    self.dom.el.style.height = posIn.height + 'px';
                }

                self.dom.el.style.marginRight  = posIn.marginRight + 'px';
                self.dom.el.style.marginBottom = posIn.marginBottom + 'px';
            }

            isFading && (self.dom.el.style.opacity = posIn.opacity);

            if (moveData.statusChange === 'show') {
                transformValues = transformValues.concat(self.mixer.transformIn);
            }

            self.dom.el.style[mixitup.features.transformProp] = transformValues.join(' ');

            self.callActions('afterApplyStylesIn', arguments);
        }
function ( moveData ) { var self = this , posIn = moveData . posIn , isFading = self . mixer . effectsIn . opacity !== 1 , transformValues = [ ] ; self . callActions ( 'beforeApplyStylesIn' , arguments ) ; transformValues . push ( 'translate(' + posIn . x + 'px, ' + posIn . y + 'px)' ) ; if ( self . mixer . config . animation . animateResizeTargets ) { if ( moveData . statusChange !== 'show' ) { // Don't apply posIn width or height or showing, as will be 0 self . dom . el . style . width = posIn . width + 'px' ; self . dom . el . style . height = posIn . height + 'px' ; } self . dom . el . style . marginRight = posIn . marginRight + 'px' ; self . dom . el . style . marginBottom = posIn . marginBottom + 'px' ; } isFading && ( self . dom . el . style . opacity = posIn . opacity ) ; if ( moveData . statusChange === 'show' ) { transformValues = transformValues . concat ( self . mixer . transformIn ) ; } self . dom . el . style [ mixitup . features . transformProp ] = transformValues . join ( ' ' ) ; self . callActions ( 'afterApplyStylesIn' , arguments ) ; }
Applies the initial styling to a target element before any transition
is applied.

@private
@instance
@param   {mixitup.IMoveData} moveData
@return  {void}
Applies the initial styling to a target element before any transition is applied .