a1exlism
10/14/2017 - 4:38 PM

CSS -inner-radius

Refer: http://www.jianshu.com/p/511ca63f79d8 The shadow is the core nippets.

outline does NOT take place. box-shadow DO like outline.But inner radius.

CSS -inner-radius.css
content_copyfile_download
.radius {
  position: absolute;
  top: 10%;
  left: 10%;
  width: 200px;
  height: 50px;
  outline: 15px solid #333;
  border-radius: 20px;
  box-shadow: 0 0 0 15px #333;
}