প্রশ্ন ট্যাগ «css-animations»

আমি সিএসএসে সেট থাকা কিছু উপাদানগুলিতে একটি অ্যানিমেশন চালাচ্ছি opacity: 0;। অ্যানিমেশন বর্গ onClick প্রয়োগ করা হয়, এবং, কীফ্রেমগুলি ব্যবহার করে, তা থেকে অস্বচ্ছতা পরিবর্তন 0করতে 1(অন্যান্য বিষয় ছাড়াও)। দুর্ভাগ্যক্রমে, অ্যানিমেশনটি শেষ হয়ে গেলে, উপাদানগুলি opacity: 0ফায়ারফক্স এবং ক্রোম উভয় ক্ষেত্রে ফিরে যায় । আমার স্বাভাবিক চিন্তাভাবনাটি হ'ল অ্যানিমেটেড উপাদানগুলি …

301 css  css-animations 

বর্তমানে, আমার কাছে এই কোডটি রয়েছে: @-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; } এটি জ্বলজ্বল করে তবে এটি কেবল "এক দিকে" জ্বলজ্বল করে। আমার অর্থ, এটি কেবল বিবর্ণ হয়ে …

287 html  css  css-animations  opacity 

জাভাস্ক্রিপ্ট ব্যবহার না করেই পৃষ্ঠা লোডে CSS3 রূপান্তর অ্যানিমেশন ব্যবহার করা সম্ভব? এটি আমি যা চাই তা प्रकार, তবে পৃষ্ঠা লোডে: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html এতক্ষণ যা পেলাম CSS3 রূপান্তর-বিলম্ব , উপাদানগুলির উপর প্রভাব বিলম্ব করার একটি উপায়। শুধুমাত্র হোভারে কাজ করে। CSS3 কীফ্রেম , লোডে কাজ করে তবে চূড়ান্তভাবে ধীর হয়। যে …

196 css  webkit  css-transitions  css-animations 

আমার ক্লিকে একটি 4 অংশ সিএসএস 3 অ্যানিমেশন চলছে - তবে অ্যানিমেশনের শেষ অংশটি এটি স্ক্রিন থেকে নামানোর জন্য। তবে এটি একবার খেলে এটি সর্বদা তার আসল অবস্থায় ফিরে যায়। যে কেউ জানেন যে আমি কীভাবে এটির শেষ সিএসএস ফ্রেমে (100%) এ আটকাতে পারি , না হলে কীভাবে পুরো ডিভটি …

180 css  css-animations 

আমি বেশ কয়েকটি ডেমো পর্যালোচনা করেছি এবং কেন CSS3 স্পিনটি কাজ করতে পারব না সে সম্পর্কে আমার কোনও ধারণা নেই। আমি ক্রমের সর্বশেষতম স্থিতিশীল প্রকাশটি ব্যবহার করছি। দ্য ফিডাল: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; …

158 css  css-animations 

সুতরাং, আমি বুঝতে পারি যে CSS3 রূপান্তর এবং অ্যানিমেশন উভয় কীভাবে সম্পাদন করতে হয়। কোনটি পরিষ্কার নয়, এবং আমি গুগল করেছি, কখন এটি ব্যবহার করা উচিত। উদাহরণস্বরূপ, আমি যদি একটি বল বাউন্স করতে চাই তবে এটি স্পষ্ট যে অ্যানিমেশনটি যাওয়ার উপায়। আমি কীফ্রেমগুলি সরবরাহ করতে পারি এবং ব্রাউজারটি মধ্যস্থতা ফ্রেমগুলি …

155 css  css-transitions  css-animations 

আমি জাভাস্ক্রিপ্ট বা পাঠ্য-সজ্জা ব্যবহার না করেই পাঠ্যের একটি টুকরোটি পুরাতন-স্কুলের শৈলীতে ঝলকানো করতে চাই। কোনও রূপান্তর নেই, কেবল * পলক *, * পলক *, * পলক *! সম্পাদনা : এটি সেই প্রশ্নের চেয়ে আলাদা কারণ আমি অবিচ্ছিন্ন ট্রানজিশন ছাড়াই জ্বলজ্বলের জন্য জিজ্ঞাসা করি , অন্য প্রশ্নগুলির ওপি জিজ্ঞাসা করে …

149 html  css  css-animations  blink 

দেখে মনে হচ্ছে গুগল ক্রোমে সাম্প্রতিক আপডেট হয়েছে যা একটি করার পরে অস্পষ্ট পাঠ্যর কারণ হয় transform: scale()। বিশেষত আমি এটি করছি: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } …

126 google-chrome  css  webkit  transform  css-animations 

আমি কীভাবে দুটি গতিতে সিএসএস অ্যানিমেশন খেলতে পারি? চিত্রটি একই সাথে ঘোরানো এবং বর্ধমান হওয়া উচিত। ঘূর্ণন প্রতি 2 সেকেন্ডে চক্র হবে। বৃদ্ধি প্রতি 4 সেকেন্ড পরে চক্র হবে। উদাহরণ কোড: .image { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; margin:-60px 0 0 -60px; -webkit-animation:spin 2s linear …

117 css  css-animations 

এই সাধারণ কিছুটি সহজেই সম্পন্ন করা উচিত, তবুও আমি কতটা জটিল তার উপর আমার চুল টানছি। আমি যা করতে চাই তা হ'ল একটি প্রতিক্রিয়া উপাদানটির মাউন্টিং এবং আনমাউন্টিং, এটিই। আমি এখন পর্যন্ত যা চেষ্টা করেছি তা এখানে এবং প্রতিটি সমাধান কেন কাজ করবে না: ReactCSSTransitionGroup - আমি মোটেও CSS ক্লাস …

103 animation  reactjs  css-animations  gsap  react-motion 

আমি সিএসএস অ্যানিমেশন সম্পত্তি শেষ করার পরে থাকার জন্য চেষ্টা করছি, এটি কি সম্ভব? এটিই আমি অর্জন করার চেষ্টা করছি ... ব্যবহারকারী পৃষ্ঠাটিতে অবতরণ করার সময় উপাদানটি লুকানো উচিত, 3 সেকেন্ড (বা যাই হোক না কেন) পরে, এটি বিবর্ণ হওয়া উচিত এবং একবার অ্যানিমেশনটি শেষ হয়ে গেলে এটি সেখানেই থাকা …

94 css  css-animations 

আমি একটি উপবৃত্ত অ্যানিমেট করার চেষ্টা করছি, এবং ভাবছিলাম যে এটি সিএসএস অ্যানিমেশনগুলির দ্বারা সম্ভব কিনা ... সুতরাং এটি মত হতে পারে Loading... Loading.. Loading. Loading... Loading.. এবং মূলত ঠিক এভাবে চালিয়ে যান। কোন ধারনা? সম্পাদনা করুন: এটির মতো: http://playground.magicrising.de/demo/ellipsis.html

92 css  css-animations 

আমি চারপাশে একবার দেখেছি কিন্তু আমি যা খুঁজছি তা বেশ খুঁজে পাচ্ছি না। আমার বর্তমানে আমার পৃষ্ঠায় একটি সিএসএস অ্যানিমেশন রয়েছে যা দ্বারা ট্রিগার করা হয়েছে: হোভার। মিডিয়া কোয়েরি ব্যবহার করে পৃষ্ঠাটির প্রস্থ 700px এর আকার পরিবর্তন করা হলে আমি 'ক্লিক' বা 'টাচ' এ পরিবর্তিত হতে চাই। এই মুহূর্তে আমার …

86 css  css-animations 

আমি সিএসএস সহ রোলার কোস্টার স্টাইল অ্যানিমেশন তৈরি করার চেষ্টা করছি। "কোস্টার "টি যখন লুপের পর্যায়ে থাকে তখন কীভাবে বাঁকানো যায় তা আমি জানতে চাই। আমি একটি সমস্ত সিএসএস সমাধান সন্ধান করছি তবে জাভাস্ক্রিপ্টের কিছুটা প্রয়োজন থাকলে আমি ঠিক আছি। এখন পর্যন্ত আমার কোড: #container { width: 200px; height: 300px; …

15 html  css  css-animations  css-transforms