240 发简信
IP属地:广东
  • 120
    从Windows拷贝到移动硬盘里的文件在mac中不能打开的问题

    前几天刚买了一个希捷的移动硬盘,插上就可直接使用了,我觉得特别的方便。家里用的电脑是 Mac Book Pro ,公司用的是Windows电脑。今天屁颠颠的从公司的电脑把自己...

  • 120
    利用【伪元素】制作逼真的阴影效果

    :before和 :after 伪元素将会在内容元素的前后插入额外的元素,:before将会在内容之前“添加”一个元素而:after将会在内容后“添加”一个元素。在它们之中添...

  • CSS3 滤镜filter: blur()高斯模糊的应用

    filter 属性定义了元素(通常是img)的可视效果(例如:模糊与饱和度)。语法:filter: none | blur() | brightness() | contra...

  • 120
    CSS3 animation 属性实现“扫一扫”动画效果

    制作这个扫一扫的动画,用了2张图片。一个是“方框的四个角(2.png)”,一个是“网格(4.png)”。 使用css3 的animation属性,使“网格”从上往下移动,显示...

  • 【状态平滑的动画】鼠标移出动画暂停

    假设我们有一张非常长宽幅的照片,但只提供一个150 x 150的区域利用动画来展示它。 我们给它加上动画属性,并且改变它的background- position属性,当它的...

  • 【过渡与动画】沿环形路径平移的动画

    用一个简单的例子来讨论,让一幅头像图片沿着环形路径动起来。它的结构代码如下: 在考虑动画之前,先给它加上基本的样式: 这时候,我们就开始考虑让头像沿着外圈的橙色大圆以转圈的方...

  • 紧贴底部的页脚

    当你面临这样的问题:有一个具有块级样式的页脚(比如它设置了背景或阴影),当页面内容足够长时它一切正常,当页面较短时(比如错误信息页面)就会出现问题。此时的问题在于,页脚不能像...

  • 实现垂直居中的几种方法

    在css中对元素进行水平居中:如果它是一个行内元素,就对它的父元素应用text-align:center;如果它是一个块级元素,就对它自身应用margin:auto;。首先我...

  • 【width:min-content】自适应内部元素

    如果不给一个元素具体的height,它就会自动适应其内容的高度。假如我们希望width也有类似的行为,该怎么办呢? 给figure 加了一道边框,在默认情况下,看起来就是下图...

  • 利用【伪元素】自定义复选框

    默认状态下的复选框: 当 元素与复选框关联之后,可以起到触发开关的作用。我们可以为它添加生成性的内容(伪元素),并基于复选框的状态来为其设置样式。然后再把真正的复选框隐藏起...

  • 利用“伪元素”扩大可点击区域

    对于那些较小的,难以瞄准的控件,如果不能把它的视觉尺寸直接放大,比如说一个按钮,它很小(没有人愿意对一个狭小的按钮尝试点按很多次),但是我们可以通过将它的可点击区域(热区)向...

  • CSS3 Background-image和Gradient 制作菜单分隔竖线

    我们想要的效果: 通常我们为一个菜单设置分隔线的时候,会想到用 border-right 或者border-left 来实现: 不过这种方法制作的分隔线,我们可以改变它的线宽...