今天看了看腾讯的七周年时光轴,发现这个斜角的CSS,研究了半天提出下面代码可以直接实现斜角,不是CSS3哦,那个就太容易了 

-webkit-transform:rotate(10deg); 

倾斜度后再隐藏直接就可以了,下面要说的更方便实现:


纯CSS实现斜角


效果如下:边缘很清晰的斜角,比做图弄出来的好多了

纯CSS实现斜角

另外我后来发现通过设置不同方向边线宽度,还可以调整斜角的角度,这个很简单大家自己修改尝试下吧就不赘述啦


相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-20
  • 2021-08-22
  • 2022-02-27
  • 2022-01-25
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-26
  • 2022-12-23
  • 2021-09-05
  • 2021-08-17
  • 2021-12-09
相关资源
相似解决方案