关于关键帧?? 有没有多个关键帧来控制动画的方法?请老师讲解一下思路或者实现方法

关于关键帧?? 有没有多个关键帧来控制动画的方法?请老师讲解一下思路或者实现方法

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>2-9</title>

    <style type="text/css">

        div {

            font-family: Arial;

            font-size: 72px;

            font-weight: bold;

            position: fixed;

            right: 0;

            left: 0;

            width: 30px;

            height: 30px;

            margin: auto;

            transform: rotate(90deg);

            /*此处写代码*/

            bottom: 15px;

            animation: jiantou ease-in-out 0.5s infinite 0.5s alternate-reverse;


        }

        @keyframes jiantou{

            from{

                bottom:20px;

            }

            to{

                bottom: 5px;

            }

        }

    </style>

</head>

<body>

    <div>&gt;</div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好, 可以使用百分比的方式,从0到100的方式设置多个关键帧。 示例:

http://img1.sycdn.imooc.com//climg/5e05d3950933d51e05980738.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~


问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码