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

আমি <ul>সিএসএস রূপান্তরগুলি ব্যবহার করে একটি স্লাইড ডাউন করার চেষ্টা করছি । এ <ul>শুরু হয় height: 0;। হোভার করার পরে, উচ্চতা সেট করা আছে height:auto;। যাইহোক, এটি এটিকে কেবল রূপান্তর হিসাবে নয় , উপস্থিত হতে পারে যদি আমি থেকে এটা করতে height: 40px;করতে height: auto;, তাহলে এটি আপ স্লাইড হবে …

2130 css  css-transitions 

আমি বর্তমানে একটি সিএসএস 'মেগা ড্রপডাউন' মেনু ডিজাইন করছি - মূলত একটি নিয়মিত সিএসএস-কেবল ড্রপডাউন মেনু, তবে একটিতে বিভিন্ন ধরণের সামগ্রী রয়েছে। মুহূর্তে এটা যে সিএসএস 3 ট্রানজিশন 'প্রদর্শন' সম্পত্তি ক্ষেত্রে প্রযোজ্য হবে না মনে হচ্ছে, অর্থাৎ আপনার কাছ থেকে ট্রানজিশন কোন ধরণের ব্যবহার করতে পারবেন না display: noneকরার display: …

1444 css  css-transitions 

আমি একাধিক বৈশিষ্ট্য সহ সিএসএস রূপান্তর শর্টহ্যান্ডের জন্য সঠিক বাক্য গঠন খুঁজে পাচ্ছি না । এটি কিছুই করে না: .element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s; -ms-transition: height .5s, opacity .5s .5s; transition: height .5s, opacity .5s .5s; height: 0; opacity: 0; overflow: …

519 css  webkit  css-transitions  shorthand 

পৃষ্ঠার লোডে কোনও পাঠ্য অনুচ্ছেদে ফেড-ইন করার জন্য সিএসএস রূপান্তরগুলি ব্যবহার করা যেতে পারে? আমি http://dotmailapp.com/ এ কীভাবে দেখেছি তা সত্যিই পছন্দ করি এবং CSS ব্যবহার করে অনুরূপ প্রভাব ব্যবহার করতে পছন্দ করব। ডোমেনটি তখন থেকে কেনা হয়েছে এবং এর প্রভাবটির আর উল্লেখ নেই। একটি সংরক্ষণাগারযুক্ত অনুলিপিটি ওয়েব্যাক মেশিনে দেখা …

442 css  css-transitions  opacity 

এটি একটি দুর্দান্ত সোজা প্রশ্ন কিন্তু আমি সিএসএস রূপান্তর বৈশিষ্ট্যগুলিতে খুব ভাল ডকুমেন্টেশন খুঁজে পাই না। সিএসএস স্নিপেট এখানে: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1.5 em; font-size:.8em; display:block; text-align:center; text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15); -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; …

327 animation  css  css-transitions 

আমি থাম্বনেল ধরে সিএসএস দিয়ে হোভারে স্থানান্তরিত করার চেষ্টা করছি যাতে হভারের ক্ষেত্রে, পটভূমির গ্রেডিয়েন্টটি ম্লান হয়ে যায় rgba()। গ্রেডিয়েন্টগুলি কি সমর্থিত নয়? আমিও একটি চিত্র ব্যবহার করার চেষ্টা করেছি, এটি চিত্রটিকেও রূপান্তরিত করবে না। আমি জানি এটি সম্ভব, অন্য পোস্টে যেমন কেউ এটি করেছিল তবে ঠিক কীভাবে তা অনুধাবন …

215 css  gradient  css-transitions 

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

196 css  webkit  css-transitions  css-animations 

কোনও CSS3 রূপান্তর শুরু হয়েছে বা শেষ হয়েছে কিনা তা পরীক্ষা করার জন্য কোনও উপাদান দ্বারা চালিত কোনও ইভেন্ট রয়েছে?

190 javascript  events  css  transition  css-transitions 

কেবলমাত্র CSS এর সাথে স্লাইড-ইন ট্রানজিশন তৈরির জন্য কোনও ক্রস ব্রাউজার সমাধান রয়েছে, কোনও জাভাস্ক্রিপ্ট নেই? নীচে এইচটিএমএল সামগ্রীর উদাহরণ রয়েছে: <div> <img id="slide" src="http://.../img.jpg /> </div>

177 css  css-transitions 

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

155 css  css-transitions  css-animations 

আমি সিএসএস রূপান্তরটি ব্যবহার করে "ফেইড-ইন ফেইড-আউট" প্রভাব তৈরি করার চেষ্টা করছি। তবে আমি এটি পটভূমির চিত্রের সাথে কাজ করতে পারি না ... সিএসএস: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: …

121 css  background  background-image  css-transitions 

সুতরাং আমি একটি এলিমেন্টের সাথে নিম্নলিখিত সিএসএস রূপান্তরগুলি সংযুক্ত করেছি: a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, background-color 0.1s ease-in; -o-transition:color 0.1s ease-in, background-color 0.1s ease-in; transition:color 0.1s ease-in, background-color 0.1s ease-in; } নির্দিষ্ট উপাদানগুলিতে এই উত্তরাধিকারসূত্রে স্থানান্তরগুলি অক্ষম করার কোনও উপায় আছে কি? a.tags …

117 css  transitions  css-transitions 

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; -ms-transition: opacity .15s ease-in-out; -o-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } আমি যখন হোভার-ইন করি তবে যখন আমি মাউসটি দিয়ে বস্তুটি ছেড়ে যাই না কেন কেন এটি কেবল অস্বচ্ছতা অ্যানিমেট করে? ডেমো …

115 css  css-transitions 

সিএসএস 3 ট্রানজিশন 'মধ্যে পার্থক্য কি ease-in, ease-outইত্যাদি?

113 css  css-transitions 

আমি ব্যাকগ্রাউন্ড-অবস্থান বাদে সমস্ত বৈশিষ্ট্যে সিএসএস রূপান্তর প্রয়োগ করতে চাই। আমি এটি এইভাবে করার চেষ্টা করেছি: .csstransitions a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .csstransitions a { -webkit-transition: background-position 0s ease 0s; -moz-transition: background-position …

108 css  css-transitions