码迷,mamicode.com
首页 > Web开发 > 详细

CSS揭秘,切图01

时间:2016-10-15 19:25:22      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:

key-> vertical-align: top;

我喜欢折角,我是断背山?

我真他妈折角了。我槽

key->background-image: linear(to bottom right, gray 0, gray 90%, transparent 91%, transparent 100%);

切图计划启动,从封面开始。

上面的都是小技巧,书中说道一个关键的点,视觉的错觉:视觉的中点在偏上一点的位置(默默对自己说,不要用像素,别给自己挖坑。。。)

s
s
技术分享
.center-display .object{
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  top: 0;
  bottom: 0.8em;
  left: 0;
  right: 0;
  margin: auto auto;
  border-radius: 50%;
  background-color: red;
text-indent: -300em;
}
.center-display:nth-child(2) .object{
  bottom: 0;
}
View Code

居中和偏上一点点的代码,你能看出哪个是真真的放在中心吗?

CSS揭秘,切图01

标签:

原文地址:http://www.cnblogs.com/carryme15/p/5965047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!