线性渐变 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
前言 上一篇 css3 动画（一） transition 中，介绍了 transition 的用法。其中 transition 包含四个可设置的属性： 有过渡效果的属性 过渡时长 过渡函数？ 过渡时延 其中，1、2 以及 4 都挺好理解的，但是 3 是个什么东西？其实 3 是 css3 中的 tim ...
分类：
Web程序 时间：
2020-06-02 11:07:35
阅读次数：
84
一、移动端基础 二、视口 视口（viewport）就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和理想视口 2.1 布局视口（layout viewport） 2.2 视觉视口（visual viewport） 2.3 理想视口（ideal viewport） 2.4 总结 2.5 ...
分类：
移动开发 时间：
2020-06-02 00:01:31
阅读次数：
84
随着技术的发展，目前css已经发展到了第三阶段css3.css3能够支持更多的动效，以前需要用js来实现的动画、过渡，计算等功能，如今大多都能够用css来实现，而且性能更佳。当然，随着业务的需要，在编写css过程当中，为了能够让css具备js的可复用性，灵活性、模块化开发以及更好的管理样式文件，像s ...
分类：
Web程序 时间：
2020-06-01 13:40:32
阅读次数：
85
