文件名称:css_animation.dart:在Dart中动态构建CSS3动画规则
文件大小:9KB
文件格式:ZIP
更新时间:2024-06-04 11:15:01
Dart
CSS动画 提供围绕CSS3动画功能的简单包装。 介绍 在撰写本文时,似乎还没有一种简单的方法可以动态地生成Dart动画所必需CSS3关键帧。 因此,必须手动构建适当的规则并将其注入样式表。 CssAnimation提供了一个具有不同控制程度的简单界面,可以动态构建动画规则并将其应用于元素。 一旦建立了规则,就可以使用同一CssAnimation实例将其应用于任意数量的元素,因为它只是使用该规则的名称。 现在可以修改CssAnimation实例,但是如果连续创建新实例,则一旦使用实例以确保从样式表中删除了规则,则调用destroy()。 请注意,如果CSS3功能不存在,它不会尝试回退到javascript / dart驱动的动画,它根本无法在较旧的浏览器中运行。 例子 单一财产 CssAnimation的最简单构造函数允许对单个属性进行关键帧设置。 import 'dart:h
【文件预览】:
css_animation.dart-master
----.gitignore(78B)
----pubspec.yaml(269B)
----README.md(4KB)
----LICENSE(1KB)
----css-animation.sublime-project(551B)
----example()
--------example.css(422B)
--------example.dart(2KB)
--------example.html(600B)
----lib()
--------css_animation.dart(10KB)