实现效果 html %div.wrapper %div.time-part-wrapper %div.time-part.minutes.tens %div.digit-wrapper %span.digit 0 - (-5..0).each do |i| %span.digit= -i %div.time-part.minutes.ones %di...

当一个页面中引入多张图片时候，会碰到图片尺寸不一致，单要求显示成一致的大小，我们直接设置图片尺寸会导致图片变形，这就是我们遇到的问题，看下解决方法 <div> <img src="引...

很多答题的H5界面上有旋转倒计时的效果，一个不断旋转减少的动画，类似于下图的这样。 今天研究了下，可以通过border旋转得到。一般我们可以通过border得到一个四段圆。 See the Pen circle by ...

例如有一个输入框 <el-input ref="mySearch" class="mySearch" size="small" placeholder="请输入内容" suffix-icon="el-icon-search" v...

一、前言 利用图像映射可以将图像的一些区域指定为热点。鼠标滑过该区域，可以展示一些内容信息。当然我们也可以单击该区域进行跳转，实现一个类似于图像导航的功能。 我从网上找了上边这样一张...

fit-content() fit-content函数，接收一个参数，长度值，可以按照字面意思来解释他的作用，"适应内容"。 <div class="fit-content-wrapper"> <div class="fi...

CSS代码实现鼠标移过更换背景图片 很多时候我们都能够看到，当我们用鼠标移过去的时候，指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来，希望能够帮助到大家。 <!DOCT...

CSS修改背景图片宽高（大小）的方法 在CSS中，可以使用background-siz属性来修改背景图片的宽高（大小）。 background-size属性可以设置背景图片的宽度、高度，可以是百分比值，也可以像素（px...

分析： 子元素的宽度大于父元素时会出现滚动 overflow-x: scroll; 为水平滚动，overflow-y: scroll; 为垂直滚动，根据需求这里采用水平横向滚动。 html代码： <div class="content"...

如果想要实现网页的二级导航，我们可以使用JS技术，动态的显示和隐藏二级菜单，当然也可以使用CSS技术来实现。并且这里推荐使用CSS，因为其效率更高，更流畅。这里将介绍二级菜单的动态显示与隐...