摘要: 实现如上功能,需要分为五个状态,状态如下: 代码如下; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文
posted @ 2022-03-22 17:20 洛飞 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 动画 animation是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动画的基本使用 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) @key 阅读全文
posted @ 2022-03-22 15:08 洛飞 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 如下效果的实现是通过scale来完成的 使用hover配合scale以及transition过渡来实现 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat 阅读全文
posted @ 2022-03-22 10:11 洛飞 阅读(161) 评论(0) 推荐(0) 编辑