一、scale()方法缩放，指的是“缩小”和“放大”。在CSS3中，我们可以使用scale()方法来将元素根据中心原点进行缩放。跟translate()方法一样，缩放scale()方法也有3种情况：（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；（2）scaleY(y)：元素仅垂直方向缩放（Y轴缩放…
一、scale()方法缩放，指的是“缩小”和“放大”。在CSS3中，我们可以使用scale()方法来将元素根据中心原点进行缩放。跟translate()方法一样，缩放scale()方法也有3种情况：（1）scaleX(x)：元素仅水平方向缩放（X轴缩放）；（2）scaleY(y)：元素仅垂直方向缩放（Y轴缩放…
1，使用调速函数控制过渡效果的速度曲线（加速，减速等） 使用调速函数可以设置过渡效果的速度曲线，从而实现过渡效果随着时间来改变其速度。比如：开始很慢然后加速或者开始很快然后减速。（1）CSS3定义了如下的调速函数： linear 规定以相同速度开始至…
css语法background: linear-gradient(direction,color-stop1,color-stop2,...);direction：用角度值指定渐变的方向（或角度）；color-stop1,color-stop2,...：用于指定渐变的起止颜色ps：至少需要两种颜色1 background: -webkit-linear-gradient(red,yellow,blue); /* …
随着HTML5规范的不断完善，围绕着这一生态有很多实用的框架，极大的提高了我们的开发效率，常见的框架代表有：UI层面的有Bootstrap、Yui、JqueryUI、CSS3Lib等，JS层面的有JQuery、Zeptojs、Angularjs、React、Vuejs等，还有很多常用的动画库、字体图标，比如：Animate、…
内容参数OSWindows 10 x64browserFirefox 65.0.2frameworkBootstrap 3.3.7editorVisual Studio Code 1.32.1typesettingMarkdowncode<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <!-- IE将使…
机型 发布时的系统 屏幕英寸 pt 像素iPhone4 iOS4 3.5英寸 320 * 480pt 960x640 iPhone4S iOS 5 3.5英寸 320 * 480pt 960x640 iPhone5 iOS 6 4英寸 320 * 568pt 1136x640 iPhone5C / 5S iOS 7 4英寸 320 * 568pt 1136x640 iPhone6 iOS 8 4.7英寸 375 * 667pt 1334x750…
蒙层效果具体demo地址如下，欢迎讨论指导。See the Pen pop_window_center by Fiona ( @fiona2016) on CodePen.See the Pen pop_window_center by Fiona (@fiona2016) on CodePen.关键代码讲解蒙层效果：关键字：z-index, rgba实现：body分为两个大的div区域，一个是底部…
做项目的时候常常用遇到下面这种情况：要让B盒子占满 A盒子剩下的部分也就是黄框区域，这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。只需设置样式使用calc() 函数，它支持 “+”, “-”, “*”, “/” 运算；注意：运算符前后都需要保留一…
做项目的时候常常用遇到下面这种情况：要让B盒子占满 A盒子剩下的部分也就是黄框区域，这时候我们可以设置 B盒子 高为 100% 或者是100vh减去上面的 A盒子的高度50px。只需设置样式使用calc() 函数，它支持 “+”, “-”, “*”, “/” 运算；注意：运算符前后都需要保留一…
写在前面的话，今天中秋假期最后一天，明天又得开始苦逼的生活了，在地铁上看到一篇文本“中间划线”的微博，有点时间测试下，增长点小知识。1)首先来看看text-decoration这个属性可能的属性值：浏览器支持如下图：所有主流浏览器都支持 text-decoration 属性。注释：任何…
© Copyright 2014 - 2024 柏港建站平台 ejk5.com. 渝ICP备16000791号-4