首页 >课程 >HTML/CSS >CSS3 >实现全屏切换效果实战视频教程

实现全屏切换效果实战视频教程

现在很流行全屏切换动画效果,无论是在PC端还是移动端,例如产品展示、专题等场景都非常适用。那么就让我们一起学习《实现全屏切换效果实战视频教程》来了解下是如何实现的吧!

中级

共7章节|933次播放|添加时间:2017-01-11 16:37

开始学习学习交流群
489824099

  • 课程目录
  • 相关文章
  • 课件下载
5小时学习时长
原创教程:独孤九剑系列立即查看

第1章 前期准备
本章节完成案例演示及页面代码的搭建。

    第2章 脚本编写
    本章节对案例的JS代码进行详细讲解,包括如何实现jQuery插件框架、初始化插件及实现滑动动画实现的方法。

      • CSS3中新属性calc()的详细介绍

          calc()看起来像是javascript中的一个函数,而事实上它是用在Css中的,可以用它来计算长度(宽度或高度),能够自动根据不同尺寸的屏幕自动调接数值,从而很轻松的实现自适应布局展示在不同尺寸屏幕下。项目中常常碰到要始终居中的元素,当然想到的第一个就是使用margin:0 auto;或者使用定位和margin结合的这种简单的方法,当同事告诉我让我去研究研究calc的时候才真正的深入了解这个Css3中的新东西。查看原文

      • CSS3伪类如何做3D按钮的实例分析

        本文详细介绍了CSS3伪类如何做3D按钮的实例分析,具有一定的参考价价值,下面我们一起看下!查看原文

      • CSS3中关于“渐变”兼容性解决方案详解

         我们熟知的浏览器有Chrome、Firefox、Opera、Safari以及ie系列。最基础的background:#cccccc属性表示页面呈现#cccccc色,当然这个在任何浏览器下面都是满足的。但是随着我们对颜色要求的提高,引入了渐变linear-gradient,不同的浏览器对于它的认知需要加不同的前缀。通过上面的例子我们可以知道firefox:-moz-、chrome/safari/opera:-webkit-、ie:-ms-、当然ie很多版本都不接受,于是可以采取滤镜的方式处理。查看原文

      • CSS3选择器中关于:nth-child和:nth-of-type区别的介绍

        一、:nth-child1.1说明:nth-child(n)选择器匹配属于其父元素的第N个子元素,不论元素的类型。n可以是数字、关键词或公式。注意:如果第N个子元素与选择的元素类型不同则样式无效!1.2示例<style>div>p:n..查看原文

      • CSS3中关于Flex布局的详解

        一、order属性order属性定义项目的排列顺序。数值越小,排列越靠前,默认为0。二、flex-grow属性flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。如果所有项目的flex-grow属性都为1,..查看原文

      • CSS/CSS3中的原生变量var介绍

        这篇文章主要介绍了CSS/CSS3中的原生变量var详解 ,希望通过本文能帮助到大家,让大家理解掌握这部分内容查看原文

      • CSS3中关于transform的详细介绍

        近来,HTML5和CSS3的发展速度还是很可观的,国内外不乏一些大站,酷站都在使用最新的技术。面对新的技术,我们该如何正确的把握和使用到今后的项目实战中呢?针对这一问题,浩子决定剖析CSS3,一一像各位同学解答..查看原文

      • CSS3中关于transition属性的实例分析

        一、说明1.1定义和用法transition属性是一个简写属性,用于设置四个过渡属性:transition-property:规定设置过渡效果的CSS属性的名称。transition-duration:规定完成过渡效果需要多少秒或毫秒。transition-timing..查看原文

      • CSS3使用3D环境实现立体魔方效果的实例代码分享

        本文详细介绍了关于CSS3使用3D环境实现立体魔方效果的实例代码分享 ,具有一定的参考价值,下面我们一起参考下~查看原文

      • CSS3创建多边形clip属性的实例

        本文详细描述了官员CSS3创建多边形clip属性的实例,具有一定的参考价值,下面我们一起看下~查看原文

      暂无相关内容~