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 评论 折腾博客
HTML+ 写CSS的常用套路(box-shadow) 为盒子添加阴影，增加盒子的立体感，可以多层叠加，并且会使阴影更加丝滑HTML<ul class="pagination"> <li ... 2021-05-05 31 阅读 0 评论 折腾博客
HTML+ 写CSS的常用套路（border-radius） 为盒子添加圆角，经常用来美化按钮等组件如果设定为50%则是圆形，也很常用不规则的曲边形状调整多个顶点的border-radius可以做出不规则的曲边形状HTML<nav class="nav... 2021-05-05 31 阅读 0 评论 折腾博客
HTML+ 写CSS的常用套路(兄弟选择符定制表单元素 ) 提示：这里最好将input作为label的子元素，这样用户点击label时就能传到input上默认的input太丑怎么办？那就把它先抹掉，用appearance:none或opacity:0都可以然后，利用兄弟选... 2021-04-16 30 阅读 0 评论 折腾博客
HTML+ 写CSS的常用套路(overflow障眼法) 之前有做过闪光按钮的效果：鼠标悬浮按钮上时一道光从左到右划过去。笔者就用渐变来模拟那道光，通过transform:translateX()将其平移至右边。但这样明显不对啊，这光为啥能被看见呢？不应该把它给“挡”起来... 2021-04-16 28 阅读 0 评论 折腾博客
HTML+ 写CSS的常用套路(attr()生成文本内容) 元素可以有自定义的属性值，它的命名格式通常为data-*attr()用于获取元素的这种自定义属性值，并赋值给其伪元素的content作为其生成的内容利用这个函数，我们可以用伪元素在原先文本的基础上“复制”出另一个文... 2021-04-16 25 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(绝对定位实现多重边框) 谁规定按钮只能有一套边框的？利用绝对定位和padding，我们可以给按钮做出3套大小不一的边框来，这样效果更炫了。HTML:<button class="btn btn-prima... 2021-04-14 27 阅读 0 评论 折腾博客
CSS+ 写CSS的常用套路(伪类和伪元素) 伪类HTML元素的状态是可以动态变化的。举个栗子，当你的鼠标悬浮到一个按钮上时，按钮就会变成“悬浮”状态，这时我们就可以利用伪类:hover来选中这一状态的按钮，并对其样式进行改变。:hover是笔者最最常用的一个伪... 2021-04-14 30 阅读 0 评论 折腾博客
HTML+
