Css学习: background linear-gradient 实现镂空倒三角

一个利用渐变实现的倒3角效果
更新于: 2023-09-09 10:30:05

先看效果

  • 45度/1.414(60/1.414)
Toolitp meet drop-shadow
清晨醒来，打开窗帘，一抹慵懒的阳光照进来，暖暖的，柔柔的，时光瞬间变得温婉静美，打开音乐，沏一杯花茶，躺在床上，暖阳淼淼，茶香淡淡，音乐袅袅，闭上眼睛，嘴角轻轻上扬，算是对着光阴的镜子，和自己撒个娇。

核心

background: linear-gradient(
  -45deg,
  transparent 42.42641px,
  #00adb5 0
) 0 100%/50% 100% no-repeat;

参考