摘要: 效果图: 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style> * { margin: 0; padding: 0; } body { backg 阅读全文
posted @ 2022-10-09 14:46 最帅爸爸 阅读(208) 评论(0) 推荐(1)
摘要: 所有的div的过度动画为1秒 div{ transition: all 1s; } 阅读全文
posted @ 2022-10-09 09:45 最帅爸爸 阅读(32) 评论(0) 推荐(0)
摘要: 一:rotate()2D旋转 单位 deg 度(Degrees) grad 梯度(Gradians) rad 弧度(Radians) turn 转、圈(Turns) 例: transform: rotate(45deg); 二:平移 translate() transform:translate(x 阅读全文
posted @ 2022-10-09 09:43 最帅爸爸 阅读(153) 评论(0) 推荐(0)
摘要: linear-gradient(颜色渐变,) 例:to left设置渐变方向,也可以换成to right => to top => to bottom background: linear-gradient(to left, #6be585, #dd3e54); 效果图: 阅读全文
posted @ 2022-10-09 09:12 最帅爸爸 阅读(29) 评论(0) 推荐(0)
摘要: history模式 hash模式 阅读全文
posted @ 2022-10-09 08:44 最帅爸爸 阅读(18) 评论(0) 推荐(0)