Foundation CSS是最好的响应式框架之一。 CSS 框架适用于任何设备、屏幕,并且可以广泛访问。我们可以在基础 CSS 的帮助下制作漂亮的响应式网站。它是一个高度可定制的框架。它是由 ZURB 基金会构建的开源框架。
Foundation CSS Motion UI是一个用于在网站中创建灵活的 UI 过渡和动画的库。我们可以使用内置动画,也可以使用这个库创建我们自己的动画。
Foundation CSS Motion UI Built-in Transitions是一组由基础 CSS 预定义的动画。
Foundation CSS Motion UI 内置过渡类:
动画配置:
动画类型:
语法:在 element 的 class 字段中设置speed和easing参数,然后播放需要的动画如下:
示例:在示例中,我们有一些动画,它们的速度和缓动一样轻松。
GeeksforGeeks
GeeksforGeeks
Foundation CSS Motion UI Built-in Transition
输出:
参考: https ://get.foundation/sites/docs/motion-ui.html#built-in-transitions