কম্পিউটার

CSS এর সাথে পাঠ্যে ছায়া প্রভাব যুক্ত করুন


টেক্সট-শ্যাডো ব্যবহার করুন টেক্সটে ছায়া প্রভাব যোগ করার সম্পত্তি। নিচে ছায়া প্রভাব যোগ করার একটি উদাহরণ -

উদাহরণ

<html>
<head>
<style>
h1 {
text-shadow: 2px 2px;
}
h2 {
text-shadow: 2px 2px red;
}
h3 {
text-shadow: 2px 2px 5px red;
}
h4 {
color: white;
text-shadow: 2px 2px 4px #000000;
}
h5 {
text-shadow: 0 0 3px #FF0000;
}
h6 {
text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
}
p {
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
</style>
</head>

<body>
<h1>Tutorialspoint.com</h1>
<h2>Tutorialspoint.com</h2>
<h3>Tutorialspoint.com</h3>
<h4>Tutorialspoint.com</h4>
<h5>Tutorialspoint.com</h5>
<h6>Tutorialspoint.com</h6>
<p>Tutorialspoint.com</p>
</body>
</html>

আউটপুট

CSS এর সাথে পাঠ্যে ছায়া প্রভাব যুক্ত করুন



  1. CSS দিয়ে উপাদানগুলিতে ছায়া প্রভাব যুক্ত করুন

  2. CSS এর সাথে কাজ করা টেক্সট কালার সেট করা

  3. টেক্সট ট্রান্সফরমেশন CSS এর সাথে কাজ করছে

  4. কিভাবে CSS এর মাধ্যমে ছবিতে ভিজ্যুয়াল ইফেক্ট যোগ করবেন?