cost 238 ms
JS:如何讓多張卡片在網站上翻轉?

[英]JS: How to get multiple cards to flip on website?

嗨所以我發現這張卡片翻轉 animation https://codepen.io/desandro/pen/LmWozd我決定為我的網站設計樣式。 我打算有一堆這樣的卡片(字母表的每個字母一張)。 但是,現在該代碼不適用於一張以上的卡。 我對 JavaScript 不太熟悉,所以我不知道為什么這 ...

反應卡片翻轉錯誤 - Safari - 翻轉后卡片沒有按預期調整大小

[英]React Card Flip bug - Safari - Card not resizing as expected after flip

我正在構建一個能夠翻轉卡片的應用程序,當您將鼠標懸停在卡片上時,焦點卡片的大小應調整為 30vw,而其他卡片的大小應調整為 15vw。 當您將鼠標懸停在所有卡片上時,它們都應該回到原來的 20vw。 一旦發生第一次翻轉,Safari 中似乎存在問題,調整大小無法按預期工作(您可以在第一次翻轉之前看 ...

卡套Java翻書

[英]Card flip Javascript from more than one set

我正在用Javascript開發翻牌游戲,希望能夠提取出不同的牌組。 在data.js文件中,我有2個數組,一個數組用於一種語言的卡,另一個數組用於另一種語言的卡: 還有一個const cardsSpanish。 在game.js文件中,我可以從data.js調用數據,並且在底部 ...

帶有疊加動畫的 Safari CSS 問題

[英]Safari CSS issue with overlayed animations

我有一個簡單的卡片翻轉動畫,它在我測試過的瀏覽器上運行良好。 然而,當這個卡片翻轉動畫發生在另一個同樣被動畫化的 div 之上時,Safari 上會出現一個問題。 出於某種原因,在 Safari 上,當卡片翻轉時,它會消失在“背景 div”后面。 我認為這可能是z-index問題,但從我嘗試的情況 ...

卡片翻轉動畫在Android 7 Nougat上效果不佳

[英]Card flip Animation not looking good on Android 7 Nougat

感謝您閱讀我的問題。 我遇到的問題僅出現在android 7.0(牛軋糖)中,發生的是卡(在動畫中旋轉)時的卡(帶有“圖像”視圖的片段),突然裁剪了圖像的一部分,請看: Android 7牛軋糖屏幕截圖 卡旋轉 Android 4.4 Kitkat屏幕截圖 卡旋轉 ...

css / javascript多卡翻轉:重置其他卡

[英]css/javascript multiple card flip: reset other cards

所以我現在正在使用這個: http : //jsfiddle.net/nawdpj5j/10/ 現在我需要的是當我翻轉一張卡片(無關緊要哪一張)然后翻轉另一張卡片時,第一張卡片會重置/轉動。 我想我需要在這里添加一些內容: 先感謝您! ...

2017-02-07 20:56:25   1   389    card-flip  
卡片翻轉jQuery同時翻轉兩張卡片?

[英]Card flip jquery flipping both cards at the same time?

這是我第一次嘗試卡片翻轉編碼。 我可以使用它,但是現在我想做兩件事,但我做不到: 我希望每個卡在單擊相應的卡時分別翻轉。 我希望該圖像卡具有移動響應能力。 function flip() { $('.card').toggleClass('flipped') ...

Safari中的CSS卡翻轉

[英]CSS Card Flip in Safari

我正試圖讓CSS卡翻轉以適用於所有瀏覽器。 除了Safari之外,我已經完成了所有工作。 我用過這段代碼: 但是在顯示背面圖像之前,前面的圖像在懸停時前方閃爍。 如果你去我的網站,我一直在玩公司圖片的總裁,直到我在重新格式化其他人之前做到這一點。 http://www.log ...

在gridview中的一個項目的卡片翻轉動畫

[英]Card flip animation for one item in a gridview

所以我正在為一家餐館制作應用程序,使用gridview顯示項目,每個項目視圖都有一個用於購買餐點的按鈕,3個textviews和imageview顯示用餐圖像及其名稱,詳細信息和價格。 我在這里嘗試做的是對gridview中的一個項目進行翻轉動畫,以在背面顯示有關該餐的更詳細信息。 ...

PopupWindow或DialogFragment上的卡片翻轉動畫

[英]Card flip animation on PopupWindow or DialogFragment

我正在嘗試在PopupWindow內的ViewGroup上應用卡片翻轉動畫。 我正在使用AnimatorSet在ViewGroup上應用動畫。 動畫在窗口范圍內發生。 超出窗口范圍的部分窗口被剪切。 有什么建議避免剪裁嗎? 我找到了解決方案,但歡迎其他解決方案。 :) ...

CSS卡翻轉毛刺(填充?保證金?)

[英]CSS Card Flip Glitch (Padding? Margin?)

我正在嘗試創建一個交互式日歷。 我添加了一個簡潔的CSS卡片翻轉動畫(這里的教程)來翻轉日歷日期並在卡片背面顯示更多信息。 將鼠標懸停在日期上時出現問題,由於某種原因,框頂部有一個小的突出顯示的白色條。 我似乎無法弄清楚如何解決它(下圖中的紅色箭頭表示問題)。 這是一個Code ...

TweenMax翻轉卡

[英]TweenMax Flip Card

我今天剛剛聽說過GSAP並玩了6個小時(順便說一句真棒!)我把所有的工作都搞定了,除非我要翻卡,它的背面沒有出現,我已經在網上尋找有同樣問題的帖子,但卻沒有運氣。 通過檢查元素,我認為問題在於,當#testCard旋轉時,子div( #front和#back )不會被旋轉,瀏覽器認為它是正 ...


 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM