文章/答案/技术大牛

发布

社区首页 >问答首页 >velocity.js能否实现CSS3转换？

问velocity.js能否实现CSS3转换？
EN

Stack Overflow用户

提问于 2019-07-03 16:27:04

回答 1查看 188关注 0票数 0

必须在IE9中运行代码，并且在CSS3转换方面有问题。

在这件事上把目光转向速度js。

不知道如何转换成速度码。

此外，我尝试过jquery在IE9中不起作用：

$('target').velocity();

如何使这个过渡css3与速度参数相适应？

过渡:左0.5s轻松；

css

internet-explorer-9

transition

velocity.js

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-07-04 05:46:57

首先，我们都知道过渡CSS属性支持IE10+，您可以从这篇文章检查它。

我尝试过jquery在IE9中不起作用： $('target').velocity()；

对于这个问题，请检查您的JQuery选择器，确保您可以根据元素选择器(而不是使用类选择器(例如：$(".target"))或id选择器(例如：$(“#.target”))找到Html元素)。

然后，您可以尝试使用F12开发工具来检查速度参考负载是否成功，以及是否存在一些错误。

如何使这个过渡css3与速度参数相适应？

在速度文件中，我们可以使用宽松选项来设置放松类型，使用延迟指定延迟选项，以毫秒为单位在动画开始之前插入暂停。更详细的设置，请检查速度文件。

这里有一个示例，您可以参考它：

<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="Scripts/velocity/style.css" rel="stylesheet" />
</head>
<body>
    <p>
        Refresh this page to re-run the demo.
    </p>
    <div>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.
    </div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js'></script>
    <script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/2/velocity.ui.min.js'></script>
    <script type="text/javascript">
        $("div").velocity({ width: "500px" }, { easing: "ease", delay: 500, duration: 1500 });
    </script>
</body>

CSS代码：

body {
  font-family: "Helvetica Neue", Helvetica;
  width: 90%;
  font-weight: 200;
  letter-spacing: 1px;
  margin: 25px auto 0 auto;
  background: rgb(234, 235, 235);
  color: rgb(25, 25, 25);
}

div, p {
  margin: 0 auto;
}

p {
  color: rgb(125, 125, 125);
  font-size: 0.85rem;
  text-align: center;
  margin-bottom: 17px;
}

div {
  width: 35%;
  overflow: hidden;
}

结果如下：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56874506

复制

相似问题

问velocity.js能否实现CSS3转换？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问velocity.js能否实现CSS3转换？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问velocity.js能否实现CSS3转换？
EN