午后・时光

  12345
6789101112
13141516171819
20212223242526
2728293031  

[复位日记]

最新评论

盒子定位
悄然
小希
飞飞
马黑

网站统计

·今日访问 : 110
·页面点击 : 128
·当前在线 : 2

2023年8月7日 星期一[阅读 145]

给个示例:一个 100 * 100 的元素,这是CSS和HTML代码——


<style>
#mybox {
    margin: 100px;
    width: 100px;
    height: 100px;
    background: pink;
    animation: sizer 2s infinite alternate linear;
}
@keyframes sizer {
    from { transform: scale(0.5); }
    to { transform: scale(1.5); }
}
</style>


<div id="mybox"></div>


animation 中,infinite 表示循环运行,alternate 表示反向运行,linear 表示线性速率(就是均匀变化)。

--------------------------------------------------------------------------------

完贴看看,真是花里胡哨。。。

没有一块闲着的地儿。。。

明天再改改吧。。。

2023': 前一则  下一则    

评论列表: [ 1 条 ]

1 # 悄然[2023-8-7 20:15]   存起来。。。

发表评论:

       

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com