CSST (CSS Text Transformation)
通过CSS3的content获取内容。
-
利用js动态创建一个link插入到文档中, 请求css文件.
-
利用
computedStyle = window.getComputedStyle
获取指定元素的style 对象 -
利用
computedStyle .content
获取内容
服务端可以返回的 css 文件内容:
@keyframes anima { |
${text}就是我们要填充的数据
监听函数 animationstart/webkitAnimationStart 来判断css是否加载完成
给#CSST元素设置动画
js逻辑:
function handle () { |
元素动画启动,就可以获取到 content 里的内容了