Why does this CSS3 Animation happen instantly? -


मुझे इस CSS3 एनीमेशन के साथ समस्याएं आ रही हैं: 

  @ - webkit-keyframes hide_card {0% {width: 250px; मार्जिन-बाएं: 10px; मार्जिन-दाएं: 10px; सीमा चौड़ाई: 3px; } 100% {चौड़ाई: 0 पिक्सेल; मार्जिन-बाएं: 0 पिक्सेल; मार्जिन-दाएं: 0 पिक्सेल; सीमा चौड़ाई: 0 पिक्सेल; }} @ -मोझ-कीफ्रेम लपेटाकार्ड {0% {width: 250px; मार्जिन-बाएं: 10px; मार्जिन-दाएं: 10px; सीमा चौड़ाई: 3px; } 100% {चौड़ाई: 0 पिक्सेल; मार्जिन-बाएं: 0 पिक्सेल; मार्जिन-दाएं: 0 पिक्सेल; सीमा चौड़ाई: 0 पिक्सेल; }} @ -एमएमएस-केफ्रेमों लपेटोकार्ड {0% {width: 250px; मार्जिन-बाएं: 10px; मार्जिन-दाएं: 10px; सीमा चौड़ाई: 3px; } 100% {चौड़ाई: 0 पिक्सेल; मार्जिन-बाएं: 0 पिक्सेल; मार्जिन-दाएं: 0 पिक्सेल; सीमा चौड़ाई: 0 पिक्सेल; }} @कीफ्रेमें लपेटकार्ड {0% {width: 250px; मार्जिन-बाएं: 10px; मार्जिन-दाएं: 10px; सीमा चौड़ाई: 3px; } 100% {चौड़ाई: 0 पिक्सेल; मार्जिन-बाएं: 0 पिक्सेल; मार्जिन-दाएं: 0 पिक्सेल; सीमा चौड़ाई: 0 पिक्सेल; }}   
 यहां तत्व है:  
  .activity। Card.invisible {width: 0px; सीमा चौड़ाई: 0 पिक्सेल; मार्जिन: 0 पिक्स; अस्पष्टता: 0; -वेबकिट-एनिमेशन-नाम: hide_card; -मोझ-एनिमेशन-नाम: hide_card; एनिमेशन-नाम: hide_card; -वेबकिट-एनिमेशन-अवधि: 1 एस; -मोज़ एनीमेशन अवधि: 1 एस; एनीमेशन अवधि: 1 एस; -वेबकिट-एनीमेशन-पुनरावृत्ति-गणना: 1; -मोज़-एनीमेशन-पुनरावृत्ति-गणना: 1; एनीमेशन-चलना-गिनती: 1; }   
 मेरी जावास्क्रिप्ट में, मैं JQuery का उपयोग करके  अदृश्य  वर्ग जोड़ रहा हूं, और तत्व छुपा हुआ (और वर्ग निरीक्षक में जोड़ा जाता है), लेकिन यह  
   
 
 
 किसी भी मदद की बहुत सराहना की जाएगी, = "Text"> 
 हाँ, आपको कार्ड में एनीमेशन नियम जोड़ने की आवश्यकता है इससे पहले कि यह  .अज्ञात  वर्ग हो। इसलिए मुझे लगता है कि ऐसा कुछ दिखाई देगा:  <प्री>  .activity। Card {transition: all 1s easy 1s; चौड़ाई: 250px; मार्जिन-बाएं: 10px; मार्जिन-दाएं: 10px; सीमा चौड़ाई: 3px; } .activity.card.invisible {width: 0px; सीमा चौड़ाई: 0 पिक्सेल; मार्जिन: 0 पिक्स; अस्पष्टता: 0; }   
 मैंने लघुकोड का इस्तेमाल किया और वेंडर उपसर्गों को छोड़ा ...

Comments

Post a Comment

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

I get the error every time, I try to compile. I'm not sure why anyone can help is? I'm new to verilog. Module D_FF (clerk, d, reset_n, q); Input D, Clack, reset_en; Output Q; reg Q; lab4_gdl f1 (.lk (~ clk), d (d), .q.m (qm)); lab4_GDL f2 (.Clk (Clk), D (QM), .Q (Q)); Always start at @ (posedge clk, neggeous reset_n) (Reset_n == 0) Q & lt; = 0; Other questions & lt; = D; Edit End: The problem is what we are asking to do: In this section, you apply the memory / registration circuit on the AlterEdie 2 board. will do. The circuit has the following specifications: The present value of swift SW15-0 on the D2 board should be shown in four hexadecimal four sections of HEX3-0. This part of the circuit will be combination logic. To use an active-less asynchronous reset and KEY1 to use KEY0 as the clock input, you must store SW15-0in in a 16-bit register in the value The register should be enabled to have a 16-bit positive edge, which uses the embedded D flip-flo...
Read more

Installing croogo for cakephp -

I'm new to the keyboard, I want to install Crogo in KKPP 2.3. My question: The way to extract the file is: - Changing cakephp2.3 / app / plugging / folder in app (do not work. Error admin controller not found) or - CakePP-2.3.3 / app / (Not working ). Sorry for my bad english language: (please help me and thank you.) crogo a cms by kcfp has been developed ... meaning kkfp is already there .. just Croogo Download and read their documentation ... and try Google about some CMS ...
Read more