摘要: 在 animation 中有这个属性 step(多少步) 正如名字一样 分步 如果设置一个动画60s 不设置step()将会平滑滚动 设置了step(60),就向秒针转动一样一步步的走了 阅读全文
posted @ 2020-07-15 21:13 秋叶哈哈宋梦辉 阅读(637) 评论(0) 推荐(0)
摘要: 首先 它是以自身元素 为基准点进行偏移的,填2个属性是2d平移,第一个是左右,第二个是上下 第一个属性写: -50% 表示向左 移动自身长度一半 同理可推其他 阅读全文
posted @ 2020-07-15 19:55 秋叶哈哈宋梦辉 阅读(1313) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-15 15:52 秋叶哈哈宋梦辉 阅读(829) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-15 15:32 秋叶哈哈宋梦辉 阅读(191) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-15 14:42 秋叶哈哈宋梦辉 阅读(179) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-07-15 14:18 秋叶哈哈宋梦辉 阅读(231) 评论(0) 推荐(0)
摘要: background-size: cantain | cover 两个的区别 cantain:按照比例调整图片大小,使用图片宽高自适应这个元素的背景区域,使图片全部包含在容器内 图片大于容器:有可能会造成容器的空白区域,将图片缩小 图片小于容器:有可能造成容器的空白区域,将图片放大 cover: 与 阅读全文
posted @ 2020-07-15 11:03 秋叶哈哈宋梦辉 阅读(275) 评论(0) 推荐(0)
摘要: 线性渐变,径向渐变,重复渐变产生的是图像 线性渐变:有以下2种方式写法,第二种写的是每个颜色的起始位置,和结束位置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content 阅读全文
posted @ 2020-07-15 11:02 秋叶哈哈宋梦辉 阅读(512) 评论(0) 推荐(0)