- 博客(9)
- 收藏
- 关注
RSS订阅原创 JS计时器
今天给大家讲两个有关计时器的例子，设置计时器时，你需要根据要求来添加计时器，清除计时器，有时候可能会清除计时器清除不了，而且会造成运动越来越快，这是因为计时器不是全局变量造成的，下面举一个倒计时的例子与无缝滚动倒计时100秒 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>倒计时</tit
2017-09-28 21:14:34
334
原创 preserve-3d
舞台层 景深层 perspective: 1600px; 形变中心点perspective-origin: 0px 0px; 形变中心点transform-origin: center center;3d中心层就是围绕运动的层下面用几个例子来介绍3d动画例1正方体代码 魔方 body{
2017-09-13 19:46:25
1136
原创 移动端布局
viewPortwidth 可以设置HTML页面的宽度，在移动端一般设置为device-width。initial-scale：初始缩放比例，第一次进入页面上的时候，整个页面的缩放比例minimum-scale：2.0最小的缩放比例。最小的缩放比例是指页面最小是原来的两倍user-scalable=no 设置是否允许用户缩放，no不允许缩放，Yes允许缩放。maximum-scale：3.
2017-09-12 21:00:33
161
原创 flex布局2
今天主要对flex进行重新说明以及补充，首先给大家介绍一下什么是flex布局：Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。下面具体介绍一下布局方式display: flex;对弹性容器设置flex-direction:row | row-reverse | column可以改变flex容器的方向 * row定义主轴方向为X轴从左到右 * r
2017-09-11 19:22:26
191
原创 flex布局1
今天主要从他几个属性来介绍弹性盒子display: flex；把元素设置成弹性容器1.flex-direction:可以改变flex容器的方向让其子元素来弹性布局row定义主轴方向为X轴从左到右row-reverse 从右到左column 定义主轴方向为Y轴从上到下2.justify-content排列方式，让其子元素按不同方式进行排列flex-start: 从行首
2017-09-08 19:15:02
248
原创 animation动画
下面给大家介绍CSS动画方面的知识，动画一般用在移动端多一些，有了动画会让用户有更好的用户体验。下面具体介绍一下：animation animation-name:动画名称animation-duration:动画时间animation-delay:动画延迟animation-direction:alternate;先正运动后反向运动 ，reverse从反向开始运行动画altern
2017-09-07 19:31:35
454
原创 transform以及transition
今天主要给大家介绍transform的几个变换方式如：translate scale rotate transform-origin以及skew，下面一一向大家介绍一下1.translatetranslate:变形，位移的元素高于普通文档流元素,但没有定位元素层级高translateX 在X轴上面位移或形变translateY 在Y轴上面位移或形变translate 在
2017-09-06 19:19:15
265
原创 border-radius该如何去设置以及怪异盒模型
大家都知道border-radius使用来设置边角的但是如何去设置呢，下面我会一一介绍border-radius可以统一对他们来设置：1.当border-radius只有一个值时，如border-radius：20px;说明左上，右上，右下，左下四个方位都有偏移量2.有两个值时，如border-radius: 50% 50%；第一个值表示左上 右下 第二个值表示右上 左下3.三个
2017-09-06 08:53:09
732
原创 pug模板的使用及终端
今天学习到了pug的使用方法，下面我为大家介绍一个例子doctype htmlhtmlheadmeta(charset="utf-8")title 这是pug的练习link(rel="",href="")body-h1 今天学了pugdiv(class="box")div#div1ph2 哈哈strong 你好//创建一个pug/
2017-09-04 19:31:10
2010
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人