背景介紹 還不知道什么是萬花筒的小朋友請點擊這里： 最常見的萬花筒，側邊是由三面鏡子構成的，鏡子不斷反射底部的圖像，產生千變萬化的組合。它產生的圖像比如： （圖1）（圖2） 為了更清晰的解釋，我們用下面的圖為例： （圖3） 以上圖ABC為例 ，真實的圖像是中間最亮的三角形部分 ...

萬花筒是一種光學玩具，只要往筒眼里一看，就會出現一朵美麗的“花”樣。將它稍微轉一下，又會出現另一種花的圖案。不斷地轉，圖案也在不斷變化，所以叫“萬花筒”。萬花筒的圖案是靠玻璃鏡子反射而成的。它是由三面相交成60°角的鏡子組成的，由於光的反射定律，放在三面鏡子之間的每一件東西都會映出六個 ...

代碼 效果 ...

前言 因為比較菜，所以經常需要讀一些別人的代碼學習學習。 有源碼的代碼當然好，但是很多網站不開源。這些網站的 js 又都是打包壓縮過的，學習起來很難受。 所以我做了一個小工具，通過修改抽象語法樹 ...

先欣賞一下該特效的最終效果 ...

項目中需要用到旋轉木馬效果，但是我在網上找的插件，基本都是不帶按鈕或者只是帶前后按鈕的，而項目要求的是帶索引按鈕，也就是說有3張圖片輪播，對應的要有3個小按鈕，點擊按鈕，對應的圖片位於中間位置。於是就在jQuery的一款插件jquery.carousel.js的基礎上進行了一些改進，不足的是，固定 ...

首先來看一下今天的炫酷效果： 首先分析一下這張圖片： 1.每張圖片都有倒影 2.這11張圖片呈圓形均勻排列 3.可旋轉，上下移動（當然這是效果做出來以后，圖片是分析不出來的） 那下面就開始吧。 一。准備 新建三個文件夾分別命名為css,js,img分別存放demo.css ...

3D旋轉輪播圖 本例源於（站長之家實例http://sc.chinaz.com/jiaoben/170215391070.htm） 其他相似示例（https://www.cnblogs.com/incredible-x/p/9688333.html） 自己研究重寫了一遍。 一、先寫靜態 ...