css-doodle实现9种动画缓冲曲线图效果代码
代码语言:html
所属分类:其他
代码描述:css-doodle实现9种动画缓冲曲线图效果代码
代码标签: css-doodle 动画 缓冲 曲线 图
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> html, body { height: 100%; display: grid; place-items: center; margin: 0 ; } </style> </head> <body translate="no" > <css-doodle><style> --easing: @pn( linear, ease, ease-in, ease-out, ease-in-out, steps(5, jump-none), cubic-bezier(0, 0.55, 0.45, 1), cubic-bezier(0.85, 0, 0.15, 1), cubic-bezier(0.16, 1, 0.3, 1) ); @grid: 3 / 90vmin auto; @gap: 1vw; @content: @p(--easing).........完整代码请登录后点击上方下载按钮下载查看
网友评论0