简体   繁体   中英

CSS3 handling multiple values for transform property

Is there any way to add value on transform property on css3 using class, without affecting the other values?

.myclass {
    transform: rotate(40deg) scale(1);
}

.scale {
    transform: scale(4);
}

<div class="myclass scale">Hello World</div>

Unfortunately the answer would be no. To perform multiple, independent animations online, a better solution to research could be the GreenSock Animation Platform, or GSAP. http://www.greensock.com/get-started-js/

If is a .js tool set to help with various animations and from the looks of it (haven't dove in fully yet) it seems quite fast and very impressive.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM