可兼容移动端视图 效果图如下:太极图是可以旋转的 具体实现如下: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini ...
分类:
Web程序 时间:
2019-12-09 12:00:41
阅读次数:
228
FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对多个地方的CSS3动画进行了增强,使得用户体验更好。 1. 树控件启用EnableSingleExpand时,使得展开动画和折叠其他节点动画同步进行 FineUIPro/Mvc/Core v6.0.0: FineUIPro/Mvc ...
分类:
Web程序 时间:
2019-12-09 11:53:53
阅读次数:
98
这是一款使用纯CSS3制作的Material Design风格单选框和复选框插件。该插件只需引入指定的CSS文件,然后配合特定的HTML结构,就可以生成漂亮的Material Design风格单选框和复选框。 该纯CSS3 Material Design风格单选框和复选框的github地址为:htt ...
分类:
Web程序 时间:
2019-12-08 01:15:17
阅读次数:
156
渐变是CSS3中比较丰富多彩的一个特性,通过渐变我们可以实现许多绚丽的效果。渐变可分为线性渐变和径向渐变。 (1)线性渐变:沿着某条直线朝一个方向产生渐变效果 语法:linear-gradient([<point> || angle]? <stop>,<stop>[,<stop>]*) 参数说明: ...
分类:
Web程序 时间:
2019-12-07 14:10:23
阅读次数:
151
hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo hvkhujluhijo <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> tbody tr ...
分类:
Web程序 时间:
2019-12-06 15:18:07
阅读次数:
135
前言 webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。 演示 来看看这2个滚动条demo: demo1(图片版)、demo2(纯CSS3版) 滚动条组成 ::-webkit-sc ...
分类:
Web程序 时间:
2019-12-06 15:14:06
阅读次数:
139
一个人的前端代码水平,就看选择器的使用。所以,将所有选择器,归纳整理起来,方便使用。 ...
分类:
Web程序 时间:
2019-12-06 13:12:56
阅读次数:
91
css3的三大特性: 一、层叠性 所谓层叠性是指多种CSS样式的叠加。 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情 ...
分类:
移动开发 时间:
2019-12-05 22:24:59
阅读次数:
146
CSS3 动画 动画(animation)是css3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或者一组动画,常用来实现复杂的动画效果。相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 一、动画的基本使用 1.定义动画 用keyframes 定义动画(类似定义类选择器) ...
分类:
Web程序 时间:
2019-12-05 01:27:29
阅读次数:
127
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>两种方式让css隔行变色js和css3属性.box ...
分类:
Web程序 时间:
2019-12-03 19:46:40
阅读次数:
140