ওয়েব সাইট ডিজাইনাররা হয়তো বুঝতে পেরেছেন টিউটোরিয়াল টা কিসের উপর তদুপুরি সবার জন্য, দেখে নিন আউটপুট টি নিচের লিংক থেকে।

আগে নিচের ছবির মতো কিছু করতে হলে তা ক্যাবলমাত্র ছবির দ্বারাই সম্ভব হতো। কিন্তু CSS3 কল্যানে এখন তা CSS দ্বারাই সম্ভব। যা সরাসরি আমার দেয়া লিংকে দেখেছেন।

না খুব বেশী কিছু করতে হবেনা এমন ইফেক্ট আনার জন্য মাত্র ২ লাইন CSS প্রয়োজন। আমার উদাহরনে আমি একটি H2 এর উপরে apply করেছি। আপনি body, paragraph বা যেখানে খুশি লাগাতে পারেন।

আপনার যেকোন HTML এলিমেন্টএ নিচের কোড লাগালেই এইরকম ইফেক্ট পাবেন। [ আমার উদাহরনের কোড এটি ]

h2 {
font: 70px Tahoma, Helvetica, Arial, Sans-Serif;
text-align: center;
color: #222;
text-shadow: 0px 2px 3px #555;
}

মুল কোড হলো

h2 {

text-shadow: 0px 2px 3px #555;
}

উপরের বিভিন্ন ভ্যালু গুলি পরিবর্তন করে দেখতে পারেন। এই ৪টি ভ্যালুর কোনটি কি নিচের ছবিতে বর্ননা দিলাম।