![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 61
hyupeng1006
前端路上一起前进!互相关注、相互学习
展开
-
CSS多种Loading动效
分享8种纯CSS实现loading加载特效的小技巧转载 2022-08-11 16:15:50 · 2725 阅读 · 0 评论 -
CSS: 页面底部自适应:页面高度不足时,在底部显示;页面高度超出时,随页面滚动
CSS: 页面底部自适应:页面高度不足时,在底部显示;页面高度超出时,随页面滚动原创 2022-06-21 09:17:05 · 1711 阅读 · 0 评论 -
CSS实现常见的各种形状
CSS3的一个非常酷的特性是允许我们创建各种规则和不规则形状的图形,从而可以减少图片的使用。以前只能在Photoshop等图像编辑软件中制作的复杂图形现在使用CSS3就可以完成了。通过使用新的CSS属性,像transform和border-radius,我们可以创建非常漂亮和复杂的图形效果。圆形要使用CSS来制作一个圆形,我们需要一个div,被给它设置一个ID。 <divid="circle"></div>...原创 2021-02-05 15:46:02 · 557 阅读 · 0 评论 -
双下箭头引导式动态跳动效果(Less中的实现)
Html部分:<div className={style.down} />less部分:.down { height: 50px; width: 30px; display :inline-block; position: relative; left: 30px;}.down::before { content: ""; height: 22px; width: 22px; border-width:原创 2021-02-03 17:21:40 · 478 阅读 · 0 评论 -
css实现倒三角效果
<style> .arms { width: 340px; height: 150px; position: absolute; background-color: red; box-shadow: 0px 0px 10px #000 } .arms::after { content: ''; display: block; position: ab...原创 2018-05-10 15:03:43 · 1189 阅读 · 0 评论 -
改变checkbox选中的默认样式及根据后端数据选中对应的选项
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2018-05-10 15:57:12 · 1280 阅读 · 0 评论 -
css改变默认的checkbox样式
input[type="checkbox"]{ -webkit-appearance: none; vertical-align:middle; margin-top:0; background:#fff; border:#999 solid 1px; border-radius: 3px; min-height: 16px; mi...原创 2018-11-02 13:37:59 · 204 阅读 · 0 评论 -
css 一些你想不到的属性
一、文本超出盒子,直接修剪掉或者用省略符号代替test-overflow: ellipsis (用省略号代替)注意:要配合 overflow: hidden使用详情见:http://www.w3school.com.cn/cssref/pr_text-overflow.asp二、段落中的文字是否自动换行white-space:nowrap注意:经常配合第一个使用详情见:http...原创 2018-11-29 16:12:07 · 149 阅读 · 0 评论