প্রশ্ন ট্যাগ «background-image»

আমি কীভাবে আমার জন্য সিএসএস 3 গ্রেডিয়েন্ট ব্যবহার করব background-colorএবং তারপরে background-imageহালকা স্বচ্ছ টেক্সচারটি প্রয়োগ করতে একটি প্রয়োগ করব?

1250 css  background-image  gradient 

এই প্রশ্নের উত্তরগুলি একটি সম্প্রদায়ের প্রচেষ্টা । এই পোস্টটি উন্নত করতে বিদ্যমান উত্তরগুলি সম্পাদনা করুন। এটি বর্তমানে নতুন উত্তর বা মিথস্ক্রিয়া গ্রহণ করছে না। কোন পরিস্থিতিতে IMGকোনও সিএসএসের বিপরীতে চিত্র প্রদর্শন করতে এইচটিএমএল ট্যাগ ব্যবহার করা আরও উপযুক্ত background-image, এবং বিপরীতে? উপাদানগুলির মধ্যে অ্যাক্সেসযোগ্যতা, ব্রাউজার সমর্থন, গতিশীল সামগ্রী বা কোনও …

777 html  css  image  background-image 

আমি গ্রিসমোনকি ইউজার স্ক্রিপ্টের উত্সটি দেখছিলাম এবং তাদের সিএসএসে নিম্নলিখিতটি লক্ষ্য করেছি: .even { background: #fff url(data:image/gif;base64,R0lGODlhBgASALMAAOfn5+rq6uvr6+zs7O7u7vHx8fPz8/b29vj4+P39/f///wAAAAAAAAAAAAAAAAAAACwAAAAABgASAAAIMAAVCBxIsKDBgwgTDkzAsKGAhxARSJx4oKJFAxgzFtjIkYDHjwNCigxAsiSAkygDAgA7) repeat-x bottom} আমি প্রশংসা করতে পারি যে গ্রিসমোনকি স্ক্রিপ্টটি এটি সার্ভারে হোস্ট করার বিপরীতে উত্সের মধ্যে যা কিছু করতে পারে তা বান্ডিল করতে চায়, এটি যথেষ্ট স্পষ্ট। তবে যেহেতু আমি এই কৌশলটি আগে …

475 css  base64  background-image  data-uri 

আমার কাছে একটি জেপিজি ফাইল রয়েছে যা আমি অনুসন্ধান পৃষ্ঠার জন্য একটি পটভূমি চিত্র হিসাবে ব্যবহার করছি এবং এটি সেট করতে আমি সিএসএস ব্যবহার করছি কারণ আমি ব্যাকবোন.জেস প্রসঙ্গে কাজ করছি : background-image: url("whatever.jpg"); আমি কেবল পটভূমিতে একটি সিএসএস 3 অস্পষ্ট ফিল্টার প্রয়োগ করতে চাই , তবে ঠিক কীভাবে একটি …

467 css  background-image  css-filters 

আমি কোনও ইউআরএল থেকে একটি নির্দিষ্ট প্রস্থ এবং উচ্চতা সহ কোনও চিত্র দেখাতে চাই যদিও এর আকারের ভিন্নতাও থাকে। সুতরাং আমি আকার পরিবর্তন করতে চাই (অনুপাত বজায় রাখা) এবং তারপরে আমার পছন্দমতো চিত্রটি কাটা উচিত। আমি এইচটিএমএল imgসম্পত্তি দিয়ে আকার পরিবর্তন করতে পারি এবং আমি এটি দিয়ে কাটাতে পারি background-image। …

333 html  css  background-image  image 

নিম্নলিখিত ডিভাইসে আমার একটি পটভূমি চিত্র রয়েছে তবে চিত্রটি কেটে যায়: <div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"> ব্যাকগ্রাউন্ড চিত্রটি কেটে না ফেলে দেখানোর কোনও উপায় আছে?

333 html  css  background-image 

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

316 css  background-image 

আমার একটি ডিআইভি রয়েছে এবং আমি পটভূমি হিসাবে একটি প্যাটার্ন স্থাপন করতে চাই। এই প্যাটার্ন ধূসর। সুতরাং এটিকে আরও সুন্দর করার জন্য, আমি হালকা স্বচ্ছ রঙের "স্তর" চাপাতে চাই। নীচে আমি চেষ্টা করেছি যা কার্যকর হয়নি। ব্যাকগ্রাউন্ড চিত্রের উপর রঙিন স্তর রাখার কোনও উপায় আছে কি? এখানে আমার সিএসএস: background: …

213 css  background-image  background-color 

আমার একটি ওয়েবসাইট আছে (g-floors.eu) এবং আমি ব্যাকগ্রাউন্ডটি তৈরি করতে চাই (সিএসএসে আমি সামগ্রীর জন্য একটি বিজি-ইমেজ সংজ্ঞায়িত করেছি) এছাড়াও প্রতিক্রিয়াশীল করতে চাই। দুর্ভাগ্যক্রমে আমি কীভাবে এটি করতে পারি তার বিষয়ে আমার কোনও ধারণা নেই যা আমি ভাবতে পারি তবে এটি বেশ কার্যকর। চিত্রগুলি পরিবর্তন করতে একাধিক চিত্র তৈরি এবং …

195 css  responsive-design  background-image  image-resizing 

আমার এই প্যানেলটি রয়েছে যা আমি নীল রঙিন করেছি যদি এই প্যানেলটি নির্বাচন করা হয় (এটিতে ক্লিক করা হয়)। অতিরিক্তভাবে, আমি .pngসেই প্যানেলে একটি ছোট চিহ্ন ( চিত্র) যুক্ত করি, যা ইঙ্গিত করে যে নির্বাচিত প্যানেলটি ইতিমধ্যে নির্বাচিত হয়েছে। সুতরাং যদি ব্যবহারকারী উদাহরণস্বরূপ 10 টি প্যানেল দেখে এবং এর মধ্যে …

169 css  background  background-image  background-color 

background-imageকোনও এসভিজি <path>উপাদানটির জন্য একটি সেট করা কি সম্ভব ? উদাহরণস্বরূপ, আমি যদি উপাদানটি সেট করি class="wall"তবে সিএসএস স্টাইলটি .wall {fill: red;}কাজ .wall{background-image: url(wall.jpg)}করে তবে তাও হয় না .wall {background-color: red;}।

166 html  css  image  svg  background-image 

আমি যে চিত্রটি ক্রোমের স্ক্রোলবারের বোতামে রেখেছি তা ঘোরানো চাই। এখন আমার এই বিষয়বস্তু সহ একটি সিএসএস রয়েছে: ::-webkit-scrollbar-button:vertical:decrement { background-image:url(images/arrowup.png) ; -webkit-transform:rotate(120deg); -moz-transform:rotate(120deg); background-repeat:no-repeat; background-position:center; background-color:#ECEEEF; border-color:#999; } আমি ছবিটির বিষয়বস্তুটি না ঘুরিয়ে ঘোরানো চাই।

160 css  background-image  image-rotation 

আমার লক্ষ্য হ'ল এইচটিএমএল পৃষ্ঠা তৈরি করা যা কোনও "ফটো ফ্রেমের" অনুরূপ। অন্য কথায়, আমি একটি ফাঁকা পৃষ্ঠা তৈরি করতে চাই যা চারটি ছবি ঘিরে রয়েছে। এটি আমার কোড: <table> <tr> <td class="bTop" colspan="3"> </td> </tr> <tr> <td class="bLeft"> </td> <td class="middle"> </td> <td class="bRight"> </td> </tr> <tr> <td class="bBottom" …

141 html  css  html-table  background-image 

আমি সিএসএস রূপান্তরটি ব্যবহার করে "ফেইড-ইন ফেইড-আউট" প্রভাব তৈরি করার চেষ্টা করছি। তবে আমি এটি পটভূমির চিত্রের সাথে কাজ করতে পারি না ... সিএসএস: .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 

আমি বিভিন্ন ডিভগুলিতে একটি ব্যাকগ্রাউন্ড চিত্র সেট করতে চাই, তবে আমার সমস্যাগুলি হ'ল: চিত্রের আকার স্থির করা হয়েছে (60px)। ডিভের আকারের পরিবর্তন করা ডিভের পুরো ব্যাকগ্রাউন্ডটি পূরণ করতে আমি কীভাবে ব্যাকগ্রাউন্ড-চিত্রটি প্রসারিত করতে পারি? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } এখানে কোড চেক করুন।

102 css  html  background  background-image