浏览器厂商通常都是在属性名称前添加厂商的私有前缀，来测试这些尚未成为标准的特性。 因此，可以借助私有前缀，来解决浏览器对CSS3的兼容性问题。 再比如，在使用背景颜色渐变的属性时，也要加前缀： ...
分类：
其他好文 时间：
2019-10-06 11:49:19
阅读次数：
71
transition CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。 要实现这一点，必须规定两项内容： 指定要添加效果的CSS属性 指定效果的持续时间 例如 这是下面代码的预览界面预览界面 学习链接 "CSS3 常用四个动画（旋转、放大、旋转放大、移动）" "css3过渡教程" "CSS 简 ...
分类：
Web程序 时间：
2019-10-06 09:38:12
阅读次数：
109
一.理解transition属性 W3C标准中对CSS3的transition是这样描述的： CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击，获得焦点，被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。简洁点说就是当元素从一种样式 ...
分类：
Web程序 时间：
2019-10-04 21:07:41
阅读次数：
126
最终想要实现的效果 一、五角星 在画五角星之前首先分析这个五角星是如何实现，由哪几个部分构成的，示意图如下： 三个顶角向上的三角形，通过设置旋转和定位相互重叠和拼接实现最终的五角星效果。 为了语义化和代码更加简便，所以使用伪类来添加内容。 1、设置一个等腰三角形，并使用transform将其旋转到合 ...
分类：
Web程序 时间：
2019-10-03 22:01:13
阅读次数：
406
利用CSS3中的transform属性画菱形和平行四边形 transform 实现2D或是3D的变形转换，通过transform可以实现对元素的四种变换：旋转、缩放、移动、倾斜 一、菱形 菱形的特点：菱形的四条边相等，可以理解为正方形的一种，所以分析可以通过正方形的旋转得到菱形 transform: ...
分类：
Web程序 时间：
2019-10-03 21:55:51
阅读次数：
560
一、过渡 什么是过渡？ 过渡是指：某元素的css属性值在一段时间内，平滑过渡到另外一个值，过渡主要观察的是过程和结果。 设置能够过渡的属性： 支持过渡的样式属性，颜色的属性，取值为数值，transform，渐变，visibility， 阴影 指定本次过渡生效的属性： transition-poper ...
分类：
Web程序 时间：
2019-10-03 20:03:17
阅读次数：
110
XSS 原名周树人浙江李大钊，XSS其实不是XSS，是CSS避免和CSS3重名，改名叫XSS（Cross site Scripting）。 准备参考这篇文章重新梳理一下什么是xss，https://juejin.im/post/5bfcc0c75188251b8a26f794 攻击的原理是什么？ 想 ...
分类：
其他好文 时间：
2019-10-03 12:40:42
阅读次数：
82
Bootstrap补充 一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md，sm， xs 4、空格和没有空格的选择器 二、响应式介绍 响应式布局是什么？ 同一个网页在不同的终端上呈现不同的布局等 响应式怎么实现的？ 1. CSS3 media query 媒 ...
分类：
其他好文 时间：
2019-10-03 10:53:20
阅读次数：
78
读条的实现1 .div{position: relative;border: 1px solid #111;width: 80px;height: 60px} .div div{width: 20px;height: 20px;border-radius:50%;background: #111;p ...
分类：
Web程序 时间：
2019-10-02 17:10:45
阅读次数：
108
弹性盒 flexbil box or flexbox, css3的一种布局模式,页面可以适应屏幕大小与设备确保元素保持原来布局的方式，由弹性容器flex container,弹性子元素flex item组成，设置display来实现。 x轴代表主轴，从左到右，y轴代表侧轴，从上到下,主轴不一定是水平 ...
分类：
其他好文 时间：
2019-10-02 16:56:50
阅读次数：
75
