我试图使用onload窗口事件转换div中的文本.
@H_301_9@解决方法
我知道变换:rotate(360deg)scaleX(-1);使整个单词旋转但我需要旋转文本字符并在加载时将它们返回到相同的位置.
将答案标记为正确.仍然需要更好的答案!
你在找这个吗?
>在< span>中封装每个字母.使用jQuery的元素;
$(".start").html($(".start").html().replace(/./g,"<span>$&</span>"));
>定义动画
@keyframes rotateText { 0% {transform: scaleX(1); } 50% {transform: scaleX(-1); } 100% {transform: scaleX(1); } }
>将动画应用于跨度
.start > span { animation: rotateText 2s; display: inline-block; }