CSS3 新特性总结

html {
  scroll-behavior: smooth;
}

div {
  clip-path: circle(40%); //圆形显示
  clip-path: ellipse(130px 140px at 10% 20%); // 椭圆
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); // 多边形
}

div {
  background-clip: border-box;  // 包括边框
  background-clip: padding-box;
  background-clip: content-box;	// 内容
  
  // 试验API，不建议使用
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

::selection {
  background-color: rgba(238, 99, 82,1);
  color: white;
}

input { 
  font-weight: 800;
  color: #d27054;
}

::placeholder {
  opacity: 1;
  font-weight: 300;
  color: #666;
  font-size: 1rem;
}