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

আমি কেবল এইচটিএমএল এবং সিএসএসে (কোনও জাভাস্ক্রিপ্ট নয়) দৃষ্টিভিত্তিক গতিশীল এবং ইন্টারেক্টিভ অভিজ্ঞতা তৈরি করার জন্য নিজেকে চ্যালেঞ্জ জানিয়েছি। এখনও অবধি, আমার প্রয়োজনীয় কোনও বৈশিষ্ট্য আমি আসেনি যা আমি খাঁটি সিএসএস এবং এইচটিএমএল-তে করতে পারি না। এটি সম্ভবত কিছুটা বেশি কঠিন। আমাকে ব্যবহারকারীকে ডাবল-ক্লিক থেকে আটকাতে হবে <a>,<input type="submit"> এবং …

9 html  css 

নিম্নলিখিত চশমা সহ বিভিন্ন আকারের চিত্র এবং অনুপাতের একটি চিত্র গ্যালারী প্রদর্শন করা হচ্ছে: চিত্রগুলির মধ্যে কোনও ফাঁকা (মার্জিন) নেই। যতটা সম্ভব মূল অনুপাতকে সম্মান করা। একটি লিঙ্ক দ্বারা বেষ্টিত চিত্র। নন-জেএস সমাধান। চিত্রগুলি কিছুটা কাটা যায়। পোর্টেবল সমাধান। প্রদর্শিত চিত্রের সেট এলোমেলো। চিত্রগুলি বাম থেকে ডানে প্রদর্শিত হবে (কলামগুলি …

9 css  flexbox  image-gallery 

আমি একটি মোড়ক তৈরি করেছি যাতে আমি তাদের এয়ারপডস প্রো পৃষ্ঠায় অ্যাপলের মতো একই প্রভাব অ্যানিমেট করেছি । এটি মূলত একটি ভিডিও, যখন আমি ভিডিওটি কিছুটা প্লে করে খেলি। ভিডিওর অবস্থান স্থির করা হয়েছে যাতে পাঠ্যটি সুন্দরভাবে তার উপরে স্ক্রোল করে। তবে, পাঠ্যটি কেবল তখনই দৃশ্যমান হয় যখন নির্দিষ্ট বিভাগের …

9 javascript  jquery  html  css 

আমি একটি ট্রেজার ম্যাপ অ্যানিমেশন তৈরি করেছি, প্রথমত, এটি হালকা ধূসরতে পথ প্রদর্শন করবে তবে অ্যানিমেশন শুরু হওয়ার সাথে সাথে আমি চাই যে হালকা ধূসর ড্যাশগুলি অদৃশ্য হয়ে যাবে বা ফিল অ্যানিমেশন হিসাবে "কালো" রঙে ফিরে যেতে চাই I হালকা ধূসর রঙের ড্যাশগুলি পাওয়ার জন্য লড়াই করে "। পদক্ষেপ" অদৃশ্য …

9 css  svg 

আমার 12 টি আইটেমের সাথে একটি ক্যারোসেল তৈরি করতে হবে যা 3 ডি চাকা সীমাহীনভাবে ঘুরছে sim পরিষ্কার হওয়ার জন্য, আমাকে এই প্রভাবটি অবশ্যই তৈরি করতে হবে: https://codepen.io/SitePoint/pen/yXWXaw ( এখানে পাওয়া গেছে ) তবে এই সংযোজন বৈশিষ্ট্যগুলির সাথে (বিশেষত ডেস্কটপ এবং মোবাইলে): স্লাইডগুলিকে ধাপে ধাপে সোয়াইপ অনুসরণ করতে হবে, সেটি …

9 javascript  css  carousel  swiper 

আমার একটি অ্যাপ্লিকেশন রয়েছে যেখানে আমি মেটেরিয়াল ইউআই এবং এর থিম সরবরাহকারী (জেএসএস ব্যবহার করে) ব্যবহার করছি। আমি এখন ফুলক্যালেন্ডার-প্রতিক্রিয়াটি অন্তর্ভুক্ত করছি , যা সত্যিই সম্পূর্ণরূপে প্রতিক্রিয়াপ্রাপ্ত লাইব্রেরি নয় - এটি মূল ফুলক্যালেন্ডার কোডের চারপাশে কেবল একটি পাতলা রিএ্যাক্ট উপাদান র‌্যাপার pper এর অর্থ এটি, এটির উপাদানগুলিকে কীভাবে স্টাইল করে …

9 css  reactjs  fullcalendar  jss 

আমার একটি "বাছাইযোগ্য" টেবিল রয়েছে যেখানে বর্তমানে সাজানো কলামের শিরোনামটি একটি আইকন প্রদর্শন করে: সাজানোর আইকনটি পাঠ্যের শেষে প্রদর্শিত হবে (যেমন, আমরা এলটিআর / আরটিএল সমর্থন করছি)। আমি বর্তমানে ব্যবহার করছি display:flex। তবে, যদি টেবিলের প্রস্থ সঙ্কুচিত হয়ে যায় এবং কলামের শিরোনামের পাঠ্যটি মোড়ানো শুরু হয়, আমি अस्पष्ट রাজ্যে চলে …

9 html  css  layout  html-table  alignment 

ডেস্কটপে ডিফল্টরূপে (প্রসারিত হতে) আমার সাইডবার / নেভিগেশন সামগ্রী (বুটস্ট্র্যাপ ব্যবহার করে) পেতে মোবাইলের ডিফল্টরূপে বন্ধ করতে এবং আইকনটি কেবল মোবাইলে প্রদর্শিত হওয়ার চেষ্টা করতে আমার কিছুটা সত্যই সমস্যা হচ্ছে। আমি এই কাজ পেতে বলে মনে হচ্ছে না। <nav class="menu menu-open" id="theMenu"> <div class="menu-wrap"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" …

9 javascript  html  css  bootstrap-4  responsive-design 

যদিও <meta name="viewport">ট্যাগ unstandardized, এটা "অ-ফ্যাক্টো আধিপত্য কারণে সবচেয়ে মোবাইল ব্রাউজারে দ্বারা বিবেচনা করা হয়।" এটির সত্যিকারের ওয়েব স্ট্যান্ডার্ড না হওয়ার একটি দিক হ'ল বিস্তারিত ডকুমেন্টেশন অন্যান্য স্ট্যান্ডার্ডের মতো উপলভ্য নয়। সিএসএস ওয়ার্কিং গ্রুপ যাতে কি আমি প্রধানত একটি প্রামাণিক কাজ হিসাবে ব্যবহার করছি, এই জন্য একটি স্পেসিফিকেশন হয়েছে। আমার …

9 css  viewport  meta-tags  meta 

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

9 javascript  css  reactjs 

আমি একটি স্ক্রিপ্ট কোড করেছি (এখানে একটি ব্যবহারকারীর সহায়তায়) যা আমাকে একটি নির্বাচিত ডিভটি প্রসারিত করতে এবং অন্য ডিভগুলি বাকী জায়গার সাথে সমানভাবে প্রসারিত করে সেই অনুযায়ী আচরণ করতে দেয় (প্রথমটি যা প্রস্থটি স্থির করা আছে তা বাদে)। এবং এখানে আমি কী অর্জন করতে চাই তার একটি চিত্র: তার জন্য …

9 javascript  jquery  css  flexbox  css-transitions