综合色一色综合久久网,四lll少妇bbbb搡bbbb,九九视频在线

首頁免費課 CSS3+JS 實現(xiàn)超炫的散列畫廊特效問答

CSS3+JS 實現(xiàn)超炫的散列畫廊特效

                
                Lyn
            Web前端工程師

                    查看講師更多課程 
                    Lyn講師的其他課程
                
JS+CSS3實現(xiàn)“粽情端午”
中級·39501
免費課程
                                
JS+CSS3實現(xiàn)帶預(yù)覽圖幻燈片效果
初級·53755
免費課程
                                
可調(diào)大小面板實現(xiàn)（Resizeable Panel）
初級·13046
免費課程
                                
QQ空間時光軸特效
初級·29059
免費課程
                                
鼠標(biāo)拖拽效果
初級·25991
免費課程
                                
                難度中級
            
                時長 2小時22分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.67
                            84人評價
                        查看評價
                                9.9
                                內(nèi)容實用
                            
                                9.4
                                簡潔易懂
                            
                                9.7
                                邏輯清晰

全部評論問答未解決精華

萌萌-炎印

老師你自己改了很多命名，前面和后面的對不起來==而且還沒有說，我看了好半天.....要不是自己多少會一點....根本看不明白

0 2-3 3D效果編寫

2016-08-28

kokocha

參考源碼 https://github.com/hahawhy/IMOOCPractices/tree/master/HashGallery

7 2-2 基本界面編寫

2016-08-24

kokocha

跟著老師敲的，供同學(xué)們參考 https://github.com/hahawhy/IMOOCPractices/tree/master/HashGallery

2016-08-24

Zero_index

transition寫成了transfrom...找了半天

0 2-3 3D效果編寫

2016-08-24

sun1212shine

Q曲
我想說，代碼一直跟著敲，效果卻跟展示的不一樣，代碼一模一樣，卻只能一直顯示正面，而且不能翻轉(zhuǎn)，反正敲了一大半沒那種效果，失望

最后加了
.photo-wrap .side{
-webkit-backface-visibility:hidden;
}
.photo_front .photo-wrap{
-webkit-transform:rotateY(0deg);
height:100%;
}
.photo_back .photo-wrap{
-webkit-transform:rotateY(180deg);
height:100%;
}
反面再也出現(xiàn)不了了

1 2-3 3D效果編寫

2016-08-22

關(guān)于引號使用求大神解答

+ 我來回答回答最高可+2積分

0 回答 690 瀏覽

2016-08-17

qq_SUK魅夜音符_03831995

很炫的效果！

0 1-1 基本介紹

2016-08-16

設(shè)置3d效果時，并沒有side_back在上，而是side_front在上面先顯示，為什么

最新回答 / 追覓夢初的國度

<...code...>一個0deg 面對屏幕一個180deg背對屏幕。當(dāng)然是0deg在上面啊，面對我們，所以我們才能看見了。背對我們的也設(shè)置了3d效果，只是背對我們看不見而已。自己多看看基礎(chǔ)了?。。?/div>

4 回答 1796 瀏覽 2-3 3D效果編寫

2016-08-15

行走的指尖

為什么視頻沒有聲音。。。

0 2-3 3D效果編寫

2016-08-15

icheer

上一層說錯了，sort隨機方法，數(shù)組元素越少的情況下越接近隨機，元素越多越不隨機（試想：sort方法兩個相鄰元素有50%的概率互換位置，如果數(shù)組有100個元素，第一個元素最終到達第100個元素的位置這種概率無限接近于零——0.5的99次方，而真正的隨機，這種概率應(yīng)該約為0.01）所以真正的隨機是在原數(shù)組中隨機抽取splice掉1個元素，push到空數(shù)組，再用原數(shù)組的新length執(zhí)行for循環(huán)?；蛘邩巧喜┪睦锸褂玫臄?shù)組內(nèi)元素（不分遠近）互換位置也可以實現(xiàn)數(shù)組亂序。

1 4-2 拓展與總結(jié)

2016-08-12

icheer

老師講的真好，指出一點見解：案例總結(jié)6分40秒的數(shù)組亂序用sort方法不正確，這種方法隨機數(shù)組越靠前的元素越隨機，越靠后越不隨機，這不是真正的隨機。參考這篇博文：《數(shù)組的完全隨機排列》https://www.h5jun.com/post/array-shuffle.html

2 4-2 拓展與總結(jié)

2016-08-12

雪過無痕

網(wǎng)站升級了，剛開始還真是不太適應(yīng)了

0 1-2 原理解析

2016-08-10

line-height

已采納回答 / 風(fēng)蕭蕭夢瀟瀟

設(shè)置line-height大小與文本容器等高，可以使單行文本垂直居中。再加上text-align:center;可以使文本垂直水平居中。

2 回答 1240 瀏覽 2-2 基本界面編寫

2016-08-07

諸侯戲烽火

為什么我的.photo樣式屬性對.photo_center沒用？

0 2-3 3D效果編寫

2016-08-07

妙言

老師講得好好呀，特別感謝！

0 4-2 拓展與總結(jié)

2016-08-03

妙言

應(yīng)該是rsort(random([0,data.length-1]));

1 3-3 排序當(dāng)前展現(xiàn)海報

2016-08-02

首頁上一頁 16 17 18 19 20 21 22 下一頁尾頁

開始學(xué)習(xí)

課程須知: 1、了解標(biāo)簽的用法，圖片資源的引用 2、了解選擇符的概念，以及基本的樣式屬性作用（寬、高等） 3、了解函數(shù)的調(diào)用，了解 DOM 元素的獲取及其屬性的讀寫 4、對程序的基本概念已經(jīng)掌握，如變量，流程控制（條件，循環(huán)）

老師告訴你能學(xué)到什么？: 1、方法論：VCD 分解法 2、平面旋轉(zhuǎn)、3D旋轉(zhuǎn)、樣式過度動畫 3、如何用 JS+HTML 實現(xiàn)最簡單的模板功能 4、簡單的id,class DOM選擇器實現(xiàn) 5、JS 算法：范圍內(nèi)隨機數(shù)生成 6、數(shù)組、DOM 元素集合的遍歷 7、FF 和 Chrome 樣式兼容的方法

微信掃碼，參與3人拼團