ES6-class学习笔记

1. 简介 ES6引入了class(类)的概念,作为对象的模板。通过class可以定义类。比如定义一个MyPoint类: class MyPoint { //构造方法,this关键字代表实例对象 constructor(x,y) { this.x = x; ...

CSS transform 3D -- 5.构建carousel

作为前端工程师,一定接触过carousel。目前也有很多的相关插件可供我们使用(Slick),那么既然我们已经熟悉了transform 3D,那为何不通过css的方式实现一个carousel呢? 和之前构建正方体和长方体类似,我们添加以下标签: <div class="scene"&...

CSS transform 3D -- 4.构建正方体和长方体

通过上一节,我们已经可以构建出3D的过渡效果了,本节我们来实现一个真正的3D对象–正方体和长方体。 正方体 html标签如下: <div class="wrapper"> <div class="card"> <div class...

CSS transform 3D -- 3.实现卡片翻转

卡片翻转(Card Flip) 本篇文章我们将实现元素的翻转,html如下: <div class="wrapper"> <div class="card"> <div class="card__face card__face--f...

CSS transform 3D -- 2.transform functions

transform是css3引入的一个新属性,通过transform functions我们可以对元素进行平移(translate)、旋转(rotate)、缩放(scale)、倾斜(skew)等等。其实在css中2D transform和3D transform是使用的同样的属性,而且用法...

  1. 寻寻觅觅 -- Christine Welch
  2. Just the Way You Are -- Bruno Mars
  3. Despacito(Remix) -- Luis Fonsi;Daddy Yankee;Justin Bieber
  4. 没有什么不同 -- 曲婉婷
  5. 故乡--许巍
  6. Jar Of Love -- 曲婉婷
  7. I Really Like You -- Carly Rae Jepsen