কম্পিউটার

CSS3 ব্যবহার করে চিত্রগুলিতে সেপিয়া প্রভাব প্রয়োগ করা


CSS3 ব্যবহার করে চিত্রগুলিতে সেপিয়া প্রভাব প্রয়োগ করতে, ফিল্টার সম্পত্তির জন্য সেপিয়া মান ব্যবহার করুন৷

উদাহরণ

কোডটি নিম্নরূপ -

<!DOCTYPE html>
<html>
<head>
<style>
img.demo {
   filter: sepia(100%);
}
</style>
</head>
<body>
<h1>Learn Spring Framework</h1>
<img src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
<h1>Learn Spring Framework</h1>
<img class="demo" src="https://www.tutorialspoint.com/spring/images/spring-mini-logo.jpg" alt="Spring Framework" width="160" height="150">
</body>
</html>

আউটপুট

CSS3 ব্যবহার করে চিত্রগুলিতে সেপিয়া প্রভাব প্রয়োগ করা


  1. CSS3 লিনিয়ার এবং রেডিয়াল গ্রেডিয়েন্ট ব্যবহার করা

  2. CSS3 ব্যবহার করে একাধিক ট্রানজিশন সম্পাদন করা

  3. CSS3 ব্যবহার করে উপাদানের 2D রূপান্তর

  4. CSS3 ব্যবহার করে ওয়ার্ড ব্রেকিং নিয়ম উল্লেখ করুন