一、渐变（gradient） 1.1 关于渐变 渐变表示从一种颜色平滑的过度到另一种颜色。它是图片<image>类型的一种，但是渐变类型图片没有尺寸，也没有长宽比。它的尺寸取决于被应用的场景，比如作为元素的背景图片时，其大小取决于元素的background-size，当用作list-style-im ...
分类：
Web程序 时间：
2020-06-03 23:22:54
阅读次数：
74
因为我不喜欢背公式，希望自己能找到比较容易理解和推理的记忆方式吧，很早就感觉CSS3渐变的属性组成不太好记忆，所以今天终于挖了这个坑，其实也没什么很特别的，嘻嘻，如果有错误欢迎提出。 基本用法 我们一般都是在添加background的时候会用到这个渐变效果，渐变效果分为linear-gradient ...
分类：
Web程序 时间：
2020-06-03 21:59:24
阅读次数：
77
方法1 首先使用一个wrap包住左侧栏和中间栏，再用一个大的wrap包住左中右三个栏。 如下面代码所示 <div class="fuwrap"> <div class="ziwrap"> <div class="left"> 这是左边栏 </div> <div class="middle"> 这是中 ...
分类：
其他好文 时间：
2020-06-03 20:18:40
阅读次数：
71
线性渐变 linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet)linear-gradient(指定渐变方向, 颜色的起点，颜色的结束) 文本溢出于省略标记 text-overflow:ellipsis; （溢出文本 ...
分类：
Web程序 时间：
2020-06-03 20:13:04
阅读次数：
113
简言 目前最优雅地实现多重边框的方案是利用CSS3 的 box-shadow属性，但如果要兼容老的浏览器，则需要选择其它的方案。本文简要地列举了几种多重边框的实现方案，大家可以根据项目实际及兼容性要求等情况，选择最适合的实现方案。 1 利用描边(outline)属性 方案1利用描边(outline) ...
分类：
Web程序 时间：
2020-06-03 15:43:19
阅读次数：
68
达到的效果： 今天碰到这样一个需求，为带有圆角的框加一个角标。而且角标是圆角的。我真的不想切图，怎么办。突然想到css3可以实现条纹背景，那这不就可以了么 background: linear-gradient(45deg, transparent 50%, #61C4CF 0%); backgro ...
分类：
Web程序 时间：
2020-06-03 15:37:06
阅读次数：
233
jQuery Mobile 包含 CSS3 效果让您选择页面打开的方式。 jQuery Mobile 页面切换效果 jQuery Mobile 提供了各种页面切换到下一个页面的效果。 注意：为了实现页面切换效果，浏览器必须支持 CSS3 3D 切换： 表格中的数字为支持 3D 旋转的最小浏览器版本号 ...
分类：
Web程序 时间：
2020-06-02 18:39:24
阅读次数：
86
一、选择列表中的偶数标签 :nth-child(2n) 二、选择列表中的奇数标签 :nth-child(2n-1) 三、选择从第6个开始的，直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用，可以限制选择某一个范围，选择第6个到第9个 ...
分类：
Web程序 时间：
2020-06-02 13:08:01
阅读次数：
2837
之前在一个移动端的抽奖页面中，在抽奖结果的展示窗口需要弹幕轮播显示，之前踩过一些小坑，现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页：原文地址 1. css3实现乞丐版的弹幕 (1)如何 ...
分类：
Web程序 时间：
2020-06-02 11:38:27
阅读次数：
70
2dtransition: all 0.5s;/* 旋转基点 支持设置 10px 20px*/transform-origin: left top; //以左上角为基点transform: rotate(90deg); //旋转90度// 动画transition:all .6s;//放大trans... ...
分类：
Web程序 时间：
2020-06-02 11:11:20
阅读次数：
77
