今天学习的是CSS3的一个属性text-shadow。该属性能映射出文字的阴影。 text-shadow一共就四个属性： text-shadow: h-shadow v-shadow [blur] [color] text-shadow: x-offset y-offset [阴影模糊半径] [阴影 ...
分类：
Web程序 时间：
2017-08-14 22:20:30
阅读次数：
138
前言：本篇随笔是对弹性盒子有了解的人来写的这篇文章，具体属性产生的效果这里不做说明，基础的东西去查文档。这里只是总结。 时至今日，css3的flex弹性盒子在移动端基本上都是支持的，但不排除有些些低版本的设备（Android4.4以下，只能兼容旧版的flexbox布局），还有个别的国产设备并不支持f ...
分类：
Web程序 时间：
2017-08-14 21:22:14
阅读次数：
249
一、css3的选择器 1、 父子选择器 直接关系 .box>.com 2、 兄弟选择器 相邻关系 .box+.com <span>hello</span> <p>world</p> span+p{color:red;} 这里通过span 找到p里面的元素 目的是p 3、通用兄弟选择器 属于同一个父元 ...
分类：
Web程序 时间：
2017-08-13 16:54:10
阅读次数：
280
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了: 你可以用CSS3的animattion+keyframes; 你也可以用css3的transition; 你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现; 当然最原始的你还可以使用w ...
分类：
Web程序 时间：
2017-08-09 11:28:32
阅读次数：
241
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>用css3仿制js的弹力效果</title> </head> <body> <style type="text/css"> *{margin:0;padd ...
分类：
Web程序 时间：
2017-08-07 13:30:35
阅读次数：
176
我们有时候想在页面显示一个公告或用户提示信息。一个经常使用设计是使用书签形状。我们能够给书签加入卷角效果。以使其更为逼真。所谓的“卷角”实际上能够用小角度倾斜的阴影效果来模拟。用CSS3的伪元素实现这个效果非常easy。先给出一个实例。我们在WOW网站页面左边栏实现了例如以下的效果（红框内）：我们再 ...
分类：
Web程序 时间：
2017-08-06 12:44:25
阅读次数：
589
如何使用 css3 transform 属性来变换背景图？
分类：
Web程序 时间：
2017-08-04 18:12:23
阅读次数：
379
之前发过一次《实现元素垂直居中的方法》的文章，今天又碰到了更简便的方法，就是利用transform属性，特别是当要居中的元素宽度，高度未知时非常好使，废话不多说，直接上demo： <!DOCTYPE html><html><head lang="zh-cn"> <meta charset="UTF- ...
分类：
其他好文 时间：
2017-08-02 23:39:30
阅读次数：
185
css3的nth-child选择器的具体探讨 前言 在十年前開始的div+css布局兴起之时,我就開始了CSS的学习和实践.在当年,对于CSS选择器,基本上是没有什么选择性的,仅仅有ID选择器,CLASS选择器,以及元素选择器,当然,还包含#id p 这样的子选择器. 在那个蛮荒时代,各大浏览器对C ...
分类：
Web程序 时间：
2017-08-02 15:36:35
阅读次数：
171
之前写过一篇CSS3的饼图全面解析，这次给大家分享一个SVG实现饼图的全面解析。 既然是绘制饼图，那么显然需要绘制圆形。 描边刚好是从半径30的位置开始左右两边平均各分配15px的宽度，这样整个圆形看起来就像是45px的半径宽度。 于是，如果我们将描边的宽度设置为半径的两倍，那么整个圆都会被描边所覆 ...
分类：
其他好文 时间：
2017-07-30 10:16:48
阅读次数：
218
