css-animations पर टैग किए गए जवाब

सीएसएस एनिमेशन एक सीएसएस शैली विन्यास से दूसरे में बदलाव को संभव बनाता है। सीएसएस मॉड्यूल समय-समय पर सीएसएस संपत्तियों के मानों के लिए कुंजीपट का उपयोग करके लेखकों के लिए एक रास्ता बताता है। इन कीफ़्रेम एनिमेशन के व्यवहार को उनकी अवधि, दोहराने की संख्या और दोहराए जाने वाले व्यवहार को निर्दिष्ट करके नियंत्रित किया जा सकता है।

4
CSS3 एनीमेशन के अंत में अंतिम स्थिति बनाए रखना
मैं opacity: 0;CSS में सेट किए गए कुछ तत्वों पर एक एनीमेशन चला रहा हूं । एनीमेशन वर्ग onClick लागू किया जाता है, और मुख्य-फ़्रेम का उपयोग करते हुए, इसे से अस्पष्टता में परिवर्तन 0करने के लिए 1(अन्य बातों के अलावा)। दुर्भाग्य से, जब एनीमेशन खत्म हो जाता है, तो …
10
CSS 3 के साथ ब्लिंकिंग / चमकता टेक्स्ट कैसे करें
वर्तमान में, मेरे पास यह कोड है: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } यह झपकाता है, लेकिन यह केवल "एक दिशा" में झपकाता है। मेरा मतलब है, यह …
11
लोड पर css3 संक्रमण एनीमेशन?
जावास्क्रिप्ट का उपयोग किए बिना पृष्ठ लोड पर CSS3 संक्रमण एनीमेशन का उपयोग करना संभव है? यह वही है जो मैं चाहता हूं, लेकिन पृष्ठ लोड पर: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html मैंने अब तक क्या पाया CSS3 संक्रमण-देरी , तत्वों पर प्रभाव में देरी का एक तरीका है। केवल होवर पर काम करता …
8
अंतिम फ्रेम पर एक CSS3 एनीमेशन रोकना
मेरे पास क्लिक पर 4 भाग CSS3 का एनीमेशन है - लेकिन एनीमेशन का अंतिम भाग इसे स्क्रीन से हटाने के लिए है। हालाँकि, यह हमेशा अपनी मूल स्थिति में चला जाता है जब यह खेला जाता है। किसी को भी पता है कि मैं इसे अपने आखिरी सीएसएस फ्रेम …
8
CSS3 स्पिन एनीमेशन
मैंने कुछ डेमो की समीक्षा की है और मुझे पता नहीं है कि मुझे फ़ंक्शन करने के लिए CSS3 स्पिन क्यों नहीं मिल सकता है। मैं Chrome की नवीनतम स्थिर रिलीज़ का उपयोग कर रहा हूं। द फिडेल: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: …
9
सीएसएस: एनीमेशन बनाम संक्रमण
तो, मुझे समझ में आया कि CSS3 के बदलाव और एनिमेशन दोनों कैसे करें। जो स्पष्ट नहीं है, और मैं गुगली कर रहा हूं, वह कब उपयोग करना है। उदाहरण के लिए, अगर मैं एक गेंद उछाल बनाना चाहता हूं, तो यह स्पष्ट है कि एनीमेशन जाने का रास्ता है। …
9
CSS3 एनिमेशन के साथ ब्लिंक टैग का अनुकरण
मैं वास्तव में जावास्क्रिप्ट या पाठ-सजावट का उपयोग किए बिना पाठ के एक टुकड़े को पुरानी-स्कूल शैली बनाना चाहता हूं। कोई संक्रमण नहीं, केवल * ब्लिंक *, * ब्लिंक *, * ब्लिंक *! संपादित करें : यह उस सवाल से अलग है क्योंकि मैं निरंतर बदलाव के बिना पलक झपकने …
30
CSS ट्रांसफ़ॉर्म का उपयोग करने के बाद ब्लरी टेक्स्ट: स्केल (); क्रोम में
ऐसा लगता है कि Google Chrome में हाल ही में एक अपडेट हुआ है जो एक करने के बाद धुंधले पाठ का कारण बनता है transform: scale()। विशेष रूप से मैं यह कर रहा हूँ: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: …
5
एक ही समय में कई सीएसएस एनिमेशन खेलें
मैं दो सीएसएस एनिमेशन अलग-अलग गति से कैसे खेल सकता हूं ? छवि को एक ही समय में घूमना और बढ़ना चाहिए। रोटेशन हर 2 सेकंड में चक्र होगा। वृद्धि हर 4 सेकंड में चक्र करेगी। उदाहरण कोड: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; …
15
प्रतिक्रिया - एक एकल घटक का माउंट और अनमाउंट
यह सरल कुछ आसानी से पूरा किया जाना चाहिए, फिर भी मैं अपने बालों को बाहर खींच रहा हूं कि यह कितना जटिल है। मैं केवल एक प्रतिक्रिया घटक के बढ़ते और अनमाउंटिंग को चेतन करना चाहता हूं, बस। यहाँ मैंने जो अभी तक कोशिश की है और क्यों प्रत्येक …
4
CSS एनिमेशन प्रॉपर्टी एनिमेशन करने के बाद रहती है
मैं पूरा करने के बाद रहने के लिए एक सीएसएस एनीमेशन संपत्ति प्राप्त करने की कोशिश कर रहा हूं, क्या यह संभव है? यही मैं हासिल करने की कोशिश कर रहा हूं ... तत्व को छिपाया जाना चाहिए जब उपयोगकर्ता पृष्ठ पर लैंड करता है, 3 सेकंड (या जो भी) …
8
वहाँ सीएसएस एनिमेशन के साथ एक दीर्घवृत्त चेतन करने के लिए वैसे भी है?
मैं एक दीर्घवृत्त चेतन करने की कोशिश कर रहा हूं, और सोच रहा था कि क्या यह सीएसएस एनिमेशन के साथ संभव था ... तो ऐसा हो सकता है Loading... Loading.. Loading. Loading... Loading.. और मूल रूप से बस ऐसे ही जारी है। कोई विचार? संपादित करें: इस तरह: http://playground.magicrising.de/demo/ellipsis.html
9
परिवर्तन: मोबाइल उपकरणों के लिए स्पर्श / क्लिक करने के लिए होवर करें
मैं चारों ओर देख चुका हूँ, लेकिन मुझे वह नहीं मिल रहा है जिसकी मुझे तलाश है। मेरे पास वर्तमान में मेरे पृष्ठ पर एक css एनीमेशन है जो कि: hover द्वारा ट्रिगर किया गया है। मैं यह चाहूंगा कि जब पृष्ठ को मीडिया क्वेश्चन का उपयोग करके पिछले चौड़ाई …
11
सीएसएस एनीमेशन को दोहराने में देरी
मैंने हाल ही में सीएसएस एनिमेशन का "ठीक से" उपयोग करने का तरीका खोजा है (पहले मैंने उन्हें बर्खास्त कर दिया था क्योंकि आप जैसे जावास्क्रिप्ट में जटिल अनुक्रम नहीं बना सकते थे)। इसलिए अब मैं उनके बारे में जान रहा हूं। इस आशय के लिए, मैं एक प्रगति पट्टी …
4
मैं CSS "रोलर कोस्टर" एनीमेशन में एक लाइन कैसे वक्र कर सकता हूं?
मैं CSS के साथ एक रोलर कोस्टर स्टाइल एनीमेशन बनाने की कोशिश कर रहा हूं। मैं जानना चाहता हूं कि जब लूप चरण में होता है तो "कोस्टर" को कैसे वक्र किया जाता है। मैं एक सभी सीएसएस समाधान के लिए खोज रहा हूँ, लेकिन अगर वहाँ जावास्क्रिप्ट की जरूरत …
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.