- 博客(9)
- 收藏
- 关注
原创 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
原创 移动端布局
viewPort width 可以设置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.translate translate:变形,位移的元素高于普通文档流元素,但没有定位元素层级高 translateX 在X轴上面位移或形变 translateY 在Y轴上面位移或形变 translate 在
2017-09-06 19:19:15 266
原创 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 html html head meta(charset="utf-8") title 这是pug的练习 link(rel="",href="") body -h1 今天学了pug div(class="box") div#div1 p h2 哈哈 strong 你好 //创建一个pug /
2017-09-04 19:31:10 2010
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人