![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5
胡文亚
这个作者很懒,什么都没留下…
展开
-
html5 04 线性渐变、径向渐变、新背景样式、过渡、二维变换、任意元素居中
01-线性渐变 background:linear-gradient(to top left,red 0%,red 30%,blue 50%,blue 100%); linear-gradient参数 第一个参数:渐变的方向或者角度 第二个参数 第三个参数 第四个参数 … 渐变的颜色值和渐变的百分比 02-径向渐变 background: radial-gradient(shape size...原创 2019-05-26 21:13:38 · 517 阅读 · 0 评论 -
html5 css3 04 动画的添加、各种布局
动画的添加 如何创建动画? @keyframes 动画的名字 { } 花括号内部利用百分比的形式设置动画的状态 动画的百分比是针对于动画的总耗时的 如何使用动画? animation-name:值为动画的名字 animation-duration:设置动画的总耗时 animation-iteration-count:设置动画的播放次数,可以是一个具体数值,或者也可以设置infin...原创 2019-05-27 10:43:43 · 343 阅读 · 0 评论 -
html5 06携程网案例、 全屏插件的使用
携程网案例 结构划分 头部 header a img 主体 main section div.left div.right a 最后一个section用类名单独区分 俩个a,包裹img 底部 footer nav 里面包裹三个a p 包裹三个a p 包裹文字 全屏插件的使用 引入jquery、引入jquery.fullPage.js 复制结构 ...原创 2019-05-27 10:46:38 · 495 阅读 · 0 评论