html+css3写switch滑动开关
步骤构思： 1、利用checkbox选中和取消的特性 2、隐藏默认样式，扩大label点击热区 3、用after、before两个伪类元素实现动画 IosButton绿色按钮 实现效果 代码如下： <!-- HTML代码 -->
<div class="switch-box">
<in...
- 博客
- WEB前端第四十三课——jQuery框架（一）$()函数、添加事件监听1.前端进阶之路 菜鸟级：设计图的还原，就是根据PSD文件写HTML和CSS； 入门级：加页面特效，轮播图、菜单、选项卡、无缝滚动等； HTML5 CSS3炫酷页面、手机端页面； Canvas游戏； jQuery是页面特效的完美解决方案； 普通级...博客
- CSS响应式布局学习笔记（多种方法解决响应式问题）在做web开发的工作中，会遇到需要我给页面根据设计的要求，进行响应式布局，这里跟大家分享下我对于响应式布局的解决方法： 我主要利用的是CSS3 媒体查询，即media queries，可以针对不同的媒体类型定义不同的样式，从而实现响应式布局 。也可以针对不同的分辨率设置不同的样式。 在实际操作...博客
- css3新增的伪类选择器（面试题）列举css3中新增的选择器css选择器有哪些?css3新增的伪类有哪些?参考网址https://www.html.cn/book/css/selectors/pseudo-classes/only-child.htm a:link没有访问之前a的样式;a:visited已访问a的样式;a:ho...博客
- 轻轻松松学CSS:backgroundbackground是复合属性，它可以分解为8个属性，其中5个属于CSS，另外3个属于CSS3 一、CSS 1、background-color:背景色 2、background-image:背景图像 例如：background-image: url(bg...博客
- CSS动画实例：3D立方体CSS3支持3D转换，与3D转换有关的属性有： transform：向元素应用 2D或3D 转换。 transform-origin：改变被转换元素的位置。 transform-style：规定被嵌套元素如何在3D空间中显示。 perspective：规定 3D 元素的透视效果。 perspe...博客
- CSS图形基础：纯CSS绘制图形为了在页面中利用CSS3绘制图形，在页面中定义 <div class="container"> <div class="shape"></div> </div> 其中，container作为显示图形的画布（容器），shape描述所绘制的图形。 定...博客
- CSS3实现圆环进度条摘要：圆环进度条被应用于各个场景，比如我们可以用来表示加载进度等。通常我们可以用 css3 的动画去实现。 详解 css3 实现圆环进度条 简单的画一个圆环，我们都知道如何使用 css 画一个圆环。（利用border属性、border-radius属性） HTML 代码： <div class...博客
- 使用CSS3的伪元素进行首字母下沉和首行改变样式网页中常见的一种效果，首字改变样式或者首行改变样式，效果如下图。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...博客
- CSS动画实例：Loading加载动画效果（一）一些网站或者APP在加载新东西的时候，往往会给出一个好看有趣的Loading图，大部分的Loading样式都可以使用CSS3制作出来，它不仅比直接使用gif图简单方便，还能节省加载时间和空间。下面介绍常见的一些Loading动画效果图的制作方法。 1．圆环型Loading ...博客
