CSS+ css 流光按钮 先看效果图:实现简单炫酷,直接复制查看效果CSS:<style˃.btn{position:absolute;top:50%;left... 2021-06-29 24 阅读 0 评论 折腾博客
CSS+ 一些有意思的阴影特效,建议收藏! 彩色边框效果css:div.onediv{width:100px;height:100px;margin:50pxauto;background... 2021-06-28 33 阅读 0 评论 折腾博客
CSS+ 不规则形状(缎带形状) HTML:<divclass="ribbon"˃<divclass="body"˃PureCSSRibbon</div˃<divclass="block... 2021-06-25 23 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(background-clip:text) 能将背景裁剪成文字的前景色,常用来和color:transparent配合生成渐变文本HTML:<ul˃<li˃<ahref="#"˃home</a˃<... 2021-06-23 22 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(霓虹文本) HTML:<divclass="neon"˃fushiginomonogatari</div˃CSS:@importurl(https://fonts.googl... 2021-06-22 24 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(发光文本) HTML:<h1class="glowIn"˃HelloWorld</h1˃<pclass="glowIn"˃Loremipsumdolorsitamet,con... 2021-06-21 21 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(内发光) 注意到box-shadow还有个inset,用于盒子内部发光利用这个特性我们可以在盒子内部的某个范围内设定颜色,做出一个新月形再加点动画和滤镜效果,“猩红之月”闪亮登场!HTML:... 2021-06-20 34 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(遮罩) 如果给box-shadow的扩张半径设定足够大的值,可以用它来遮住背景,而无需额外的div元素HTML:<inputtype="checkbox"id="burger-toggle... 2021-06-19 23 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(伪元素) 简而言之,伪元素就是在原先的元素基础上插入额外的元素,而且这个元素不充当HTML的标签,这样就能保持HTML结构的整洁。我们知道每个元素都有::before和::after这两个伪元素,也就是说每个元素都提供了3个矩... 2021-04-14 34 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(绝对定位实现多重边框) 谁规定按钮只能有一套边框的?利用绝对定位和padding,我们可以给按钮做出3套大小不一的边框来,这样效果更炫了。HTML:<button class="btn btn-prima... 2021-04-14 27 阅读 0 评论 折腾博客