云的形状
CSS实现云形图标效果基于CSS的mask以及aspect-ratio等关键属性实现的云形形状效果,在需要使用云图标的地方可以使用该云图形效果效果更佳。此外支持对云的大小、形状以及颜色进行自定义。
闪电形状
CSS实现的闪电霹雳图标效果通过设置CSS属性的clip-path: polygon以及aspect-ratio合理值创建的闪电霹雳形状图标效果,支持对闪电形状的弯曲度、颜色等效果进行自定义。
弧形
CSS实现不同弧度的圆角弧形以及平角弧形形状主要是基于CSS的mask属性设置合理的linear-gradient及conic-gradient值实现的圆角弧形以及平角弧形效果,弧形的颜色、弧度以及粗细可完全自定义。
线条
CSS实现的折叠曲线、波浪线以及虚线等线条效果通过设置CSS属性mask的不同属性值创建的折叠曲线、波浪曲线以及虚直线线条效果,每种线条都提供了横向与纵向两种样式,可根据需求自定义线条的颜色、粗细以及曲折度。
邮票形状
CSS实现的带半圆齿孔边框邮票效果使用CSS实现的仿邮票外形效果,全球邮票千千万万,所以样式也不尽相同,这里实现的是国内比较常见的一种半圆形齿孔边框的邮票效果,是通过合理设置 CSS 的 mask 属性值实现的。背景颜色、边框样...
爱迪玛
教育与在线课程行业专属 HTML 响应式模板,幼儿园、中小学以及大学网站专用模板!这是一款全面响应式的教育与在线课程HTML网站模板,内置25+html页面,其中包含4种独特的主页布局风格。还包含2款课程安排布局功能页、2款活动事件布局功能页以及完整的在线购物及博客页面,专为...
扇形边框
CSS实现的扇形形状,扇形图片边框效果!使用CSS实现的扇形形状,将该扇形图像样式应用于img图片上,图片会置于扇形内部形成扇形边框的图片效果,该扇形图形是基于CSS的aspect-ratio、mask以及border-radius等...
位置标记
CSS实现的地点定位图标使用CSS实现的地点定位图标,只需要CSS的mask以及aspect-ratio等关键属性实现,定位图标的颜色可通过background属性进行自定义。10行以内代码实现的定位图标非常的轻量级
谢尔宾斯基
Canvas 实现可自定义梯度的谢尔宾斯基(Sierpinski)三角形递归分形效果这是一款通过 JavaScript 在 Canvas 画布中响应点击事件实现的「谢尔宾斯基(Sierpinski)三角形」分形效果,可自由设置梯度,生成不同节数的三角形效果,还有一款通过「Jav...
斯卡帕
建筑施工与设计服务企业 HTML 响应式网站模板这是一款专为建站施工与设计公司设计的响应式HTML模板,基于主流的响应式框架Bootstrap5x设计而成,拥有良好的自适应能力。该模板总共包含了22+的HTML内页,其中涵盖了3种独特风格布局...

