- 博客(5)
- 资源 (1)
- 收藏
- 关注
原创 Swiper运用在苹果移动端的变暗bug修复
有时候我们在手机端制作全屏滑动的时候可以用到swiper这个插件,插件好用是好用,但是有的时候就会出现一些小bug,比如运用swipper之后苹果手机打开点击或者长按的时候就会变暗,这个时候我们需要用到一些属性控制他就可以使他不会变暗了,一下为css控制的代码:* { outline: none; webkit-focus-ring-color: rgba(0, 0, 0, ...
2018-09-30 11:18:15 1057 1
原创 6种css3鼠标滑过动画效果
<html><head> <meta charset="utf-8" /> <title>6种css3鼠标滑过动画效果</title> <style type="text/css"> /*****全局样式*****/ * { padding
2018-09-27 16:11:03 4030
原创 css3中制作淡出淡入动画
大部分网页对于一些信息的提醒都是使用了一个淡出淡入的显示效果。本人在开发中使用定时器实现淡出淡入的效果时遇到了一个严重问题,在一些浏览器上清楚定时器时有时候无效果,但使用debugger跟踪又没有事,最后实现没有办法,想到了CSS3提供的动画效果,于是就使用CSS3来实现提示信息的淡出淡入效果。1.使用@keyframes 创建淡出淡入效果。@keyframes fadeio { ...
2018-09-27 15:57:59 12556
原创 图解CSS3制作圆环形进度条的实例教程
圆环形进度条制作的基本思想还是画出基本的弧线图形,然后CSS3中我们可以控制其旋转来串联基本图形,制造出部分消失的效果,下面就来带大家学习图解CSS3制作圆环形进度条的实例教程 首先,当有人说你能不能做一个圆形进度条效果出来时,如果是静态完整圆形进度条,那么就很简单了:.circleprogress{ width: 160px; height: 160px...
2018-09-14 15:57:26 391
原创 display:inline-block的间隙问题和解决办法
1、display:inline-block在水平方向的间隙;代码如下:<style type="text/css">* { margin: 0; padding: 0;}.test { width: 600px; border: 1px blue solid;}.test div { width: 100px; ...
2018-09-05 10:02:54 8247 2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人