JavaScript 做一个照片墙效果(三)

前言 这是第三个照片墙效果,这个跟之前的两个不同,这个效果是把图片做成旋转,类似于轮播,但比轮播效果要炫一些. 这个示例基本实现了: 1.可以沿着 translateX 和 translateY 两个方向旋转.不过在translateX方向作了一个范围的限制 2.只有当动画运动完后,才可以进行下次动画 3.在指定的区域内按下鼠标并滑动后可触发动画效果 在线示例:http://yunkus.com/demo/photo-wall/photo-wall-3/ HTML 代码 <!D...

2018
10-07

JavaScript 视频文字弹幕效果

前言 视频弹幕效果到处都是,这种交互大大地改变了网友之间的交流方式 ,让你看视频的时候,可以发评论,可以看到别人的评论,真是一石三鸟。用户体验没得说,所以本文就是将要分享这个效果。上码! 各种套路 套路一 简单的 CSS 样式如下 : 样式看这里 *{ padding: 0; margin: 0; } html,body{ width: 100%; height: 100%; overflow: hidden; } .stage{ posit...

2017
11-14

JavaScript 实现照片墙效果

照片墙效果相信你也看到过不少,在这里我们也尝试去做了一个,没有炫丽的效果,没有多余的文字,一时按捺不住成就感,在此把在大神眼里不值一提的照片墙效果献上。请多多包含! HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>照片墙效果-云库前端</title> <link rel="stylesheet" href="./css/style.css">...

2017
06-21