1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>旋转的风车</title> 6 <style type="text/css"> 7 @keyframes fengche{ 8 form{ ...
分类:
Web程序 时间:
2020-03-14 16:27:41
阅读次数:
76
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 .box{ 8 width: 100px; 9 h ...
分类:
Web程序 时间:
2020-03-14 16:24:10
阅读次数:
61
1 <!-- css权重: 2 css权重指的是样式的优先级,有两条或者多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面的样式 3 4 权重的等级:可以把样式的应用方式分为几个等级,按照等级来计算权重 5 1、!important,加在样式属性后,权重值为100 ...
分类:
Web程序 时间:
2020-03-14 16:23:44
阅读次数:
79
最近Sandeepin想写个基于Java Swing的RSS阅读器练练手,不过Swing默认主题太丑了,切成系统原生的主题也不是非常好看,正好感觉开发时用的IDEA主题很不错,不管是Light还是Darcula,都符合现代UI的设计风格。自己仿界面肯定很难仿出来,于是网上找找有没有类似风格的Swin ...
CSS3 CSS3是css(层叠样式表)技术的升级版本,CSS3完全向后兼容,不必改变现有的设计,浏览器将永远支持CSS2。w3c的CSS3规范仍在开发。但是许多新的CSS属性已经在现代浏览器中使用了。 浏览器前缀: 圆角:border-redius 文字阴影: text-shadow 盒子阴影:b ...
分类:
Web程序 时间:
2020-03-13 18:48:46
阅读次数:
78
《Web前端开发之HTML5+CSS3快速入门》 【课程简介】本课程由一直专注前端技术与Discuz模板设计与制作!DZ起点网创始人朱朝兵出品,通过本课程学习,即可掌握html5的基本结构,还可以熟悉掌握CSS3新增的属性,并可以独立完成一些常见的html5网页。 【课程目标】学习完本课程后即可掌握 ...
分类:
Web程序 时间:
2020-03-13 01:07:42
阅读次数:
117
过渡 transition: all 2s; /* 设置哪些属性可以有过渡效果 all:所有的属性 */ /*注意:并不是所有的属性都可以过渡*/ transition-property: left, width; transition-duration: 5s; /* duration durin ...
分类:
Web程序 时间:
2020-03-11 23:43:42
阅读次数:
125
一、transition过渡不支持display属性 css3过渡transition不支持display属性,我们可以使用opacity或者visibility属性进行替换。相关的案例可以查看上一篇博文:【功能】关于页面加载进度条百分比实现的伪方法 二、display、opacity、visibi ...
分类:
其他好文 时间:
2020-03-11 11:07:12
阅读次数:
69
CSS3 动画 动画的基本使用 制作动画分为两不 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) 元素使用动画 动画序列 0% 是动画的 开始 ,100% 是动画的 完成 ,这样的规划就是动画序列 再 中规定某项CSS样式,就能创建由当前样式逐渐改为新样式的动画效果 ...
分类:
Web程序 时间:
2020-03-09 21:08:55
阅读次数:
81
CSS 过渡 过渡(transition)是CSS3中具有颠覆性的特征之一,我们可以在不使用Flash动画或JavaScript的情况下,当元素从一种样式变换为另一种样式时为元素添加效果 过渡动画: 是从一个状态渐渐的过渡到另外一个状态 可以让我们页面跟好看,更加动感十足,虽然低版本游览器不支持(i ...
分类:
Web程序 时间:
2020-03-08 22:01:08
阅读次数:
102