小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

本文介绍了CSS新属性border-shape,用于实现不规则边框效果。通过示例生成五角星的SVG路径,并转换为shape()函数,展示了如何设置边框形状。border-shape支持多种函数,目前仅在Chrome 147+中兼容。对于复杂需求,建议结合AI与开发者的思考,以降低维护成本。

全新的CSS border-shape属性简介

张鑫旭
张鑫旭 · 2026-06-10T03:00:06Z

本文介绍了CSS的新属性caret-shape和caret-animation,用于改变光标形状和控制光标闪烁效果。caret-shape支持条形、方块和下划线等多种形状,caret-animation可自定义光标的闪烁。虽然可以将这三个属性缩写为caret属性,但不建议使用以避免兼容性问题。目前仅Chrome浏览器支持这些特性。

光标的形状也能设置了,就是CSS caret-shape属性

张鑫旭
张鑫旭 · 2026-05-18T07:50:42Z

Every time-series database makes a set of storage design decisions: how to lay out rows, when to compress, what to partition on. These decisions determine cost and query performance more than the...

Article: Time-Series Storage: Design Choices That Shape Cost and Performance

InfoQ
InfoQ · 2026-05-12T09:00:00Z

本文介绍了CSS的corner-shape属性及其在背景图形效果中的应用。结合SVG和<foreignObject>元素,可以实现复杂的底纹效果。示例代码展示了如何使用corner-shape属性创建网格线和其他图形。需要注意的是,该属性目前仅在Chrome浏览器中支持。

CSS corner-shape与背景底纹技术

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-03-30T06:08:36Z

About 20 years ago today, I scribbled in my LiveJournal, feeling like I’d cracked the code to the future: “Now I have two 21-inch monitors on my desk — living in the future.” Back then, I felt...

Reimagining Work: How Designing for Humanity Will Shape 2030

UX Magazine
UX Magazine · 2026-03-26T06:05:36Z
超越 `border-radius`:CSS `corner-shape` 属性为日常用户界面解锁的可能性

新CSS属性corner-shape为网页设计提供了更多形状选择,超越了传统的border-radius。它支持多种角形,允许为每个角设置不同形状,尽管目前仅在Chrome 139+等浏览器中支持,但为渐进增强和用户体验提升提供了可能性。设计师可以利用这一属性创造更具视觉吸引力的界面。

超越 `border-radius`:CSS `corner-shape` 属性为日常用户界面解锁的可能性

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-03-12T10:00:00Z

Health is wealth, for all of us—and increasingly, for organizations that operate in the thriving wellness space. In this McKinsey Explainer, we’ll delve into what people care about when it comes...

The future takes shape: Five dimensions of tomorrow’s wellness economy

McKinsey Insights & Publications
McKinsey Insights & Publications · 2025-11-20T00:00:00Z

Europe must boost investment. Its productivity and competitiveness depend on it – as do its future wealth and debt sustainability. Europe, like much of the rest of the world, still faces a bloated...

Europe is out of shape, but a surge of productive investment could set it right

McKinsey Insights & Publications
McKinsey Insights & Publications · 2025-10-09T00:00:00Z

Artificial Intelligence has become the shiny badge every product team feels pressured to wear. Scroll through tech launches, and you’ll find “AI-powered” splashed everywhere, from note-taking apps...

The Quintessential Truths of How to Shape AI as a Business Product Integrator Instead of Generative Facilitators

UX Magazine
UX Magazine · 2025-09-30T05:05:44Z

CSS的corner-shape属性可实现多种UI效果,如切角和斜切边,结合border-radius使用,支持不同边框半径设置,帮助设计师创造独特视觉效果。

CSS 角形状(corner-shape)能实现哪些效果?

程序师
程序师 · 2025-09-22T13:05:33Z

CSS的corner-shape属性允许开发者自定义元素的角形状,超越传统的圆角效果。结合border-radius使用,可以实现多种形状,如十字形和菱形。该属性支持不同方位的角形状和superellipse函数,增强了形状的灵活性。目前仅在Chrome 139及以上版本支持。

抢先学习大开眼界的CSS corner-shape属性

张鑫旭
张鑫旭 · 2025-08-26T10:39:29Z

This post will give you some information and tips on how to select the appropriate MySQL HeatWave shape when migrating your on-premise MySQL instance to Oracle Cloud Infrastructure.

How To Select The Best Shape When Migrating From On-Premise MySQL To HeatWave On Oracle Cloud Infrastructure

Planet MySQL
Planet MySQL · 2025-08-14T20:49:00Z

本文介绍了CSS中的clip-path函数,重点阐述了path()与shape()的区别。shape()函数支持百分比和CSS数学函数,解决了path()在尺寸适应上的局限,提供了更灵活的剪裁方式。作者还提供了在线转换工具,方便开发者使用。

CSS小图标剪裁终极解决方案clip-path shape()函数

张鑫旭
张鑫旭 · 2025-06-30T08:35:52Z
css:math - 使用 shape() 创建正多边形

本文展示了作者制作的一支笔的过程。

css:math - 使用 shape() 创建正多边形

DEV Community
DEV Community · 2025-05-25T04:31:38Z

This post provides information on how to choose the appropriate shape when migrating your MySQL workload from on-premise to HeatWave (MySQL) in Oracle Cloud Infrastructure. The post also provides...

Choosing The Correct Shape When Migrating MySQL From On-Premise to HeatWave in OCI

Planet MySQL
Planet MySQL · 2025-05-09T15:29:00Z

本研究提出了NoWag框架,旨在解决大型语言模型在资源受限环境中的应用问题。NoWag实现了无损形状保留压缩,显著优于现有的向量量化和修剪方法,为未来研究提供了新思路。

NoWag: A Unified Framework for Shape Preserving Compression of Large Language Models

BriefGPT - AI 论文速递
BriefGPT - AI 论文速递 · 2025-04-20T00:00:00Z
适配器设计模式

适配器模式使不兼容接口的类能够协同工作。例如,绘图编辑器的Shape类与文本显示的TextView类不兼容,通过适配器模式可以将TextView适配为Shape,从而解决这一问题。适配器通过继承或组合实现,而桥接模式则用于分离接口与实现。

适配器设计模式

DEV Community
DEV Community · 2025-04-10T17:57:12Z

该研究提出了一种基于稳定注册的3D形状对应框架,解决了角色形状对应的稳定性问题。通过引入新的语义流引导注册方法,该框架在复杂场景中显著提升了形状对应的可靠性,拓展了实际应用的可能性。

Stable Shape: A Stable Registration-based Framework for 3D Shape Correspondence

BriefGPT - AI 论文速递
BriefGPT - AI 论文速递 · 2025-03-27T00:00:00Z

本研究提出了一种梦纹理方法,通过单目深度线索重建3D对象,有效解决了无监督3D重建中的计算成本和约束问题。实验结果表明,该方法能够充分利用纹理线索,提升单目重建效果。

Dream Texture: Extracting Shape from Virtual Textures through Enhanced Analysis

BriefGPT - AI 论文速递
BriefGPT - AI 论文速递 · 2025-03-20T00:00:00Z

本研究提出了FlashVDM框架,优化了变分自编码器(VAE)的解码和扩散采样,显著提升了3D形状生成的速度和效率。

Unlocking the Vecset Diffusion Model for Rapid Shape Generation

BriefGPT - AI 论文速递
BriefGPT - AI 论文速递 · 2025-03-20T00:00:00Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码