大道至简

大道至简,无欲则刚,无为而无不为。

Home html+css js php server cms other

clip-path: polygon梯形实现

  • 作者: umming
  • 时间: 2026-06-01
  • 分类: html+css

矩形polygon(0 0, 100% 0, 100% 100%, 0 100%)

clip-path: polygon(0 3%, 100% 0, 100% 100%, 0 97%);

ScreenShot_2026-06-01_095500_543.png

4个点分别是左上xy,右上xy,右下xy,左下xy,比如左上角如果要向下,则改左上,x=0,y=3%,依次类推

标签: none

您需要先登录才能发表评论。

  • 上一篇: 使用swiper构建自动分组的item,支持自定义swiper参数
  • 下一篇: js获取svg长度

最新文章

  • 使用python把字体按照unicode-range切片成web字体woff或woff2
  • js获取svg长度
  • clip-path: polygon梯形实现
  • 使用swiper构建自动分组的item,支持自定义swiper参数
  • linux把一个目录下所有文件后缀名大写改成小写
  • 将视频封装成canwas播放,防止国产浏览器对视频骚操作
  • 英文字符提取
  • 极致cms详情页获取单附件字段信息
  • 极致cms图集字段前台详情页使用foreach输出
  • 极致cms详情页获取多附件字段信息,使用foreach输出并实现文件下载

分类

  • html+css
  • js
  • php
  • server
  • cms
  • other

归档

  • June 2026
  • May 2026
  • April 2026
  • October 2025
  • September 2025
  • August 2025
  • July 2025
  • June 2025
  • May 2025
  • April 2025

其它

  • 登录
  • 文章 RSS
© 2026 大道至简. 由 Typecho 强力驱动.