薄荷KJ

导航

2016年7月13日 #

CSS之照片集效果

摘要: 代码: <!DOCTYPE html><html><head> <title>照片影集</title> <meta charset="utf-8"> <style type="text/css"> body{background-color: black;} .BK{width: 1000px;he 阅读全文

posted @ 2016-07-13 17:12 薄荷KJ 阅读(419) 评论(1) 推荐(1) 编辑

CSS之transition过渡练习

摘要: 代码: <!DOCTYPE html><html><head> <title>transition</title> <meta charset="utf-8"> <style type="text/css"> .BK{width: 800px;height: 60px;border:1px soli 阅读全文

posted @ 2016-07-13 14:56 薄荷KJ 阅读(420) 评论(0) 推荐(0) 编辑

CSS之过渡简单应用—日落西山

摘要: 代码: <!DOCTYPE html><html><head> <title>日落西山</title> <meta charset="utf-8"> <style type="text/css"> .BK{height: 800px;border: 1px solid black; position 阅读全文

posted @ 2016-07-13 11:51 薄荷KJ 阅读(258) 评论(1) 推荐(1) 编辑

2016年7月12日 #

CSS之立方体绘画步骤

摘要: 附上总的代码: <!DOCTYPE html><html><head> <title>立方体</title> <meta charset="utf-8"> <style type="text/css"> .SD{margin: 400px 400px;width: 300px;height: 300 阅读全文

posted @ 2016-07-12 14:32 薄荷KJ 阅读(417) 评论(7) 推荐(3) 编辑

CSS之立体球体

摘要: <!DOCTYPE html><html><head> <title>球体</title> <meta charset="utf-8"> <style type="text/css"> body{ background-image: linear-gradient(90deg,red ,#ccc 3 阅读全文

posted @ 2016-07-12 11:59 薄荷KJ 阅读(655) 评论(1) 推荐(1) 编辑

transform

摘要: transform属性:变换,一般使用4个值,分别是skew扭曲,translate位移,rotate比旋转,scale比例缩放 练习代码如下: <!DOCTYPE html><html><head> <title>transform</title> <meta charset="utf-8"> < 阅读全文

posted @ 2016-07-12 09:38 薄荷KJ 阅读(215) 评论(0) 推荐(0) 编辑