Home > Web Front-end > CSS Tutorial > CSS Revealed, Cutting Pictures

CSS Revealed, Cutting Pictures

高洛峰
Release: 2016-10-17 09:45:14
Original
1236 people have browsed it

The book talks about a key point, visual illusion: the midpoint of vision is a little bit above (silently say to myself, don’t use pixels, don’t dig a hole for yourself...)

CSS Revealed, Cutting Pictures

.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;
}
Copy after login

Centered and A little bit above the code, can you see which one is really in the center?

Get busy living, or get busy dying.


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template