<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:
Web程序 时间:
2020-02-22 12:14:48
阅读次数:
101
CSS的快速入门 1、CSS要学习的内容主要包括 1、 CSS概念和快速入门 2、CSS选择器(重点+难点) 3、美化网页(文字、阴影、超链接、列表、渐变,等) 4、盒子模型 5、浮动 6、定位 2、什么是CSS CSS的作用是美化网页 ...
分类:
Web程序 时间:
2020-02-22 00:47:27
阅读次数:
103
深入理解Box-Shadow以及运用 Box-Shadow(盒子阴影)可设置的属性一共有六个,分别是x轴、y轴、blur、spread(模糊扩散范围)、color、insert(内阴影),其中经常用到就是设置X Y轴、blur(模糊度)以及color(颜色)这四个值。 实战 准备工作 1. 创建一个 ...
分类:
其他好文 时间:
2020-02-22 00:41:52
阅读次数:
105
WPF提供了可应用于任何元素的可视化效果。效果的目标是提供一种简单的声明式方法,从而改进文本、图像、按钮以及其他控件的外观。不是编写自己的绘图代码,而是使用某个继承自Effect的类(位于System.Windows.Media.Effects名称空间中)以立即获得诸如模糊、辉光以及阴影等效果。 下 ...
通过CSS中的animation属性来实现摩天轮旋转的动态效果。在开始之前,先说下animation属性,原理是逐帧动画,通过关键帧控制动画的每一步,来实现最终的动态效果。 而常用到的几个属性分别是: 1.animation-name,设置元素动画的名字,自定义即可 2.animation-dura ...
分类:
Web程序 时间:
2020-02-21 22:14:52
阅读次数:
165
css常用的文本属性如下: 1、text-align文本的水平对齐方式 参数:left /right /center /justify(内容两端对齐,对最后一行无效) /start(对齐开始边界) /end(对齐结束边界) 说明:text-align设置或检索对象中内容的水平对齐方式,text-al ...
分类:
Web程序 时间:
2020-02-21 17:55:43
阅读次数:
89
通过学习CSS3游戏介绍、CSS3样式和优先级,了解到html5+css3+js不光可以实现动画,其次可以往这个游戏与建模方向发展,更多css3特效访问Gerard Ferrandez on CodePen其次html嵌套css样式分为3种:内联、内部、外部、写法上推荐的是外部,便于代码复用性;样式... ...
分类:
Web程序 时间:
2020-02-21 09:34:35
阅读次数:
86
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实现水平垂直居中</title> <style type="text/css"> .content { width: 100px; height: 100px; ...
分类:
Web程序 时间:
2020-02-20 22:25:46
阅读次数:
91
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过渡动画效果</title> <style type="text/css"> div { width: 100px; height: 100px; backgr ...
分类:
Web程序 时间:
2020-02-20 21:55:04
阅读次数:
69
一、圆角边框 border-radius属性用于设置元素的外边框圆角。 radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。 二、盒子阴影 box-shadow:H-shadow v-shadow blur spread color insert 三、文字阴影 text-shadow ...
分类:
其他好文 时间:
2020-02-20 15:30:48
阅读次数:
101