前端开发

20Jun

css设置border属性transparent详解最新评...

在 CSS 中，通过设置边框（border）为 transparent，意味着将边框的颜色设置为透明，即边框不会显示出任何颜色。这种设置通常用于以下情况：隐藏边框：通过将边框颜色设置为透明，可以隐藏元素的边框，使其在视觉上不显示边框线。 border: 1px solid transparent; 2.创建占位符边框：有时候在设计中需要保...

20Jun

如何用CSS3画一个三角形？...

代码如下： .up{ width:0; height:0; border: 100px solid transparent; border-top: 100px solid red;/*红色*/ } .down{ width:0; height:0; ...

20Jun

CSS3盒子模型：标准盒模型...

盒子模型分为两种: 第一种是 W3C 标准的盒子模型（标准盒模型）第二种 IE 标准的盒子模型（怪异盒模型）标准盒模型与怪异盒模型的表现效果的区别之处： 1、标准盒模型中 width 指的是内容区域 content 的宽度 he...

20Jun

box-sizing 是一个 CSS 属性，用于控制元素框模型的计算方式。它有两个可能的取值：content-box 和 border-box。以下是对这两个值的详细解释： 1.content-box： 2.默认值。元素的宽度和高度仅包括内容区域，不包括边框(border)和内边距(padding)。 3.元素的总宽度 = width + padding + border。 4.这意味着，如果你设置...

20Jun

css3获得前三个子元素最新评论添加评论

在CSS中，要选择前三个子元素，可以使用:nth-child() 伪类结合一个计数器。:nth-child() 伪类可以选择父元素的一个或多个特定的子元素，基于它们的位置（从1开始计数）。例如，如果你想选择前三个子元素，并且这些子元素都是直接子元素，你可以这样写： .parent :nth-child(-n+3) { /* 样式规则 */ } 这里的...

20Jun

less入门快速查询文档1.1 使用 less.js ...

## 1 Less 的使用 1.1 使用 less.js 编译 less `html @fcolor: #900; @bcolor: #099; @len: 1000px; #box { width: @len; height: (@len/4); color: @fcolor; background: @bcolor; ...

20Jun

利用 mix-blend-mode实现...

要实现文字镂空需要借助CSS的 mix-blend-mode 混合效果，类似PS的滤镜。效果图如下: 代码如下： Document *{ margin: 0; padding: 0; ...

20Jun

利用css逐帧动画steps实现js可控动画正序...

利用css逐帧动画steps实现js可控动画正序播放，倒序播放，暂停可以鼠标向上倒序，向下正序，点击播放暂停代码： Document *{ margin: 0; padding: 0; } body{ width: 100%; ...

18Aug

css如何背景图充满整个屏幕详解最新评论...

想让整个界面有一个背景图片，自然想到的是在body上加background，代码如下： body { width：100%； height: 100%; /* 加载背景图 */ background: url("../static/images/index/backImg.jpg") no-repeat; /* 背景图垂直、水平均居中 */ background-position: center center; /* ...

18Aug

Css3实现无缝滚动防抖最新评论添加评论

问题图片加文字的无缝滚动，在手机端的效果总体还行，但是图片在手机某些浏览器会抖得腻害！错误写法不能用left，margin-left,像这种写法: .donghua.active{ animation: scoll ease-in-out 1s infinite alternate; -webkit-animation: scoll ease-in-out 1s infinite alternate; } @keyframes scoll { ...