HTML、CSS常用样式整理

321 阅读1分钟

NeumorphismABC:neumorphism.io/#e0e0e0

自定义形状分隔线:www.shapedivider.app/

JS分割文本:codepen.io/alphardex/p…

划过方块展示文字:codepen.io/alphardex/p…

animista: animista.net/

Animate.css:animate.style/

CSS魔法效果:www.minimamente.com/project/mag…

CSS动画移动速度:angrytools.com/css/animati…

按钮悬停效果:ianlunn.github.io/Hover/

HTML5 Tricks:www.html5tricks.com

Bounce - CSS Tricks:lhammer.cn/You-need-to…

波形生成器:getwaves.io

CSS分隔符生成器:wweb.dev/resources/c…

阴影生成器:shadows.brumm.af

CSS网格生成器:cssgrid-generator.netlify.app

按钮生成工具:mdbootstrap.com/docs/standa…

自定义分割线:www.shapedivider.app/

你需要知道CSS:lhammer.cn/You-need-to…

CSS灵感:chokcoco.github.io/CSS-Inspira…

CSS Tricks:qishaoxuan.github.io/css_tricks/

CSS渐变生成工具:mdbootstrap.com/docs/standa…

卡片生成工具:mdbootstrap.com/docs/standa…

以下动画是搜索的:codepen.io/

https://codepen.io/caraujo/pen/LVPzxO

image-20210718170256328

chrome-capture

chrome-capture

chrome-capture

xuehua

anniu

chrome-capture

chrome-capture

gif

chrome-capture

chrome-capture