ArkUI中JS开发基础：图片动画

一朝风月
阅读 277 
html脚本


<div class="container">
    <image class="img img-all" src="/common/images/cat.png"></image>
    <text class="text">all</text>
 </div>

css样式


.img-all {
    animation-name: allAnim;
}
/*从0°旋转到360°, 放大缩小，透明度*/
@keyframes allAnim {
    from {
        transform: scale(0) rotate(0deg);
        opacity: 0;
    }
    to {
        transform: scale(1.2) rotate(360deg);
        opacity: 1;
    }
}
文章来源：网络 版权归原作者所有,如涉及知识产权问题，请权利人联系我们，我们将立即处理.
标签:
专栏:   HarmonyOS
一朝风月
一朝风月
文章 2 获得 0个赞 共 0个粉丝

推荐阅读 更多精彩内容

  • 王者荣耀西施cos正片@希若
    西施:shiro希若摄影：@摄影师Poinko后期：@白夜-w
    阅读 292
  • 翘臀女郎COS“蜘蛛侠”写真
    该大的大，该小的小，改翘的翘。。。
    阅读 389
  • 最受欢迎的8个动漫人物
    最受欢迎的动漫人物，有你喜欢吗？你还记得当时你最喜欢的作品是哪一部吗？最喜欢的动漫人物又是谁呢？今天我们来一起盘点一下日本媒体之前选出的最受欢迎的动漫人物，看看你喜欢的人有没有上榜吧。樱之宫莓香《调教
    田井中律 田井中律 阅读 374
  • 插画与漫画有什么区别
    先说一下插画，最早来源于招贴海报。所以比较早的时候所谓的商业插画是在平面设计的专业当中，随着慢慢的发展插画已经成为了一个独立的绘画体系，被广泛的应用在出版物、海报、动画、游戏、影视各个方面，但它还是跟
    北极星 北极星 阅读 286
  • ArkUI中JS开发基础：图片动画
    html脚本 &lt;div class="container"&gt; &lt;image class="img img-all" src="/common/images/cat.png"&
    一朝风月 一朝风月 阅读 278
  • 鸿蒙Java组件样式：圆角、边框、点击效果
    鸿蒙Java UI 按钮默认是没有样式，一般我们是采用创建shape类型的xml设置，但是实际项目中，有些只是背景色一样，圆角大小不一样，也要创建对应的xml，如果按钮样式多的话，需要创建很多xml，
    一朝风月 一朝风月 阅读 404
  • 解释解释什么叫做HarmonyOS“1+8+N”
    经常可以在HarmonyOS的宣传资料上看到，HarmonyOS是支持“1+8+N”的。那么，什么是“1+8+N”？本文做详细解读。全场景的诉求HarmonyOS是一款面向万物互联时代的、全新的分布式
    一朝风月 一朝风月 阅读 251