2016 年 7月随笔档案 - 薄荷KJ

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 阅读(425) 评论(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 阅读(425) 评论(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 阅读(270) 评论(1) 推荐(1)

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 阅读(433) 评论(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 阅读(687) 评论(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 阅读(219) 评论(0) 推荐(0)

薄荷KJ

导航