【owl】OWL之动画

最新推荐文章于 2022-05-20 11:45:22 发布

小付学代码

最新推荐文章于 2022-05-20 11:45:22 发布

阅读量231

点赞数

分类专栏： odoo 文章标签： python

本文链接：https://blog.csdn.net/ONLYSRY/article/details/124815960

版权

odoo 专栏收录该内容

82 篇文章 18 订阅

订阅专栏

一个简单的css特效：点击后会有一个transition过渡动画的效果，这里叫做 t-transition

transition这个属性本就是css3的一个属性，只是在odoo里边也通用，owl第一节中就讲了这个过渡动画。

示例代码 h5：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index_05_17</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<h1>展示页面</h1>
<a class="btn flash" t-on-click="doSomething">Click</a>
</body>
</html>

css：

btn {
  background-color: #0000FF;
}

.flash {
  transition: background 0.5s;
}

.flash:active {
  background-color: #DC143C;
  transition: background 0s;
}