摘要: 效果展示: HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="style.css" type="text/css" rel="st 阅读全文
posted @ 2020-03-21 17:33 组装梦想 阅读(590) 评论(0) 推荐(0) 编辑
摘要: index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>盒子的模型</title> 6 <link href="style.css" type="text/css" rel= 阅读全文
posted @ 2020-03-21 15:17 组装梦想 阅读(123) 评论(0) 推荐(0) 编辑
摘要: 效果展示 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: red; 5 position: relative; 6 animation: anim 5s infinite alternate; 7 -webkit 阅读全文
posted @ 2020-03-21 14:29 组装梦想 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 显示效果 显示效果 css代码如下 1 div{ 2 width: 100px; 3 height: 100px; 4 background-color: blue; 5 transition: width 2s,height 2s,transform 2s; 6 -webkit-transitio 阅读全文
posted @ 2020-03-21 14:19 组装梦想 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>标题</title> 6 <link href="mycss_动画多列.css" type="text/css" rel 阅读全文
posted @ 2020-03-21 14:00 组装梦想 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 效果展示 html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>风景</title> 6 <link href="style.css" type="text/css" rel="sty 阅读全文
posted @ 2020-03-21 13:56 组装梦想 阅读(137) 评论(0) 推荐(0) 编辑