CSS দিয়ে টেক্সটা স্টাইল নিয়ে কদিন আগে লিখেছিলাম (টিউটোরিয়াল বিডি , টেকটিউন )। আসলে CSS 3 এর সেডোর নতুন ফিচারটা একেবারে জটিল। যাই হক ফেসবুকে কয়েকজন বলল, তারা এই রকম আরও টিউটোরিয়াল চায়। তাই পরে পার্টি লিখলাম এইটাতেও আরও তিনটা স্টাইল যোগ করেছি। অটোমেটিক ফন্ট লোডিং এর জন্য আর কোডিং করার ইচ্ছা করছে না তাই Showcard Gthic ফন্টটা এইখান থেকে নামিয়ে ইনিস্টল করে নিন।
১. Style 1
ব্যাবহৃত CSS কোড:
h1{
font-size:40px;
text-align:center;
font-family:Showcard Gothic;
color:#F90;
text-shadow: 0 04px #FF0,
0-5px 4px #F60,
0 05px 07px #F03;
}
২. Style 2:
ব্যাবহৃত CSS কোড:
h2 {
font-size:40px;
text-align: center;
font-family:Showcard Gothic;
color:#470781;
text-shadow:0-6px 2px #ae00ff,
0 5px #960EC9;
}
৩. Style 3:
ব্যাবহৃত CSS কোড:
h3 {
font-size:40px;
text-align:center;
font-family:Showcard Gothic;
color:#A40004;
text-shadow: 0 3px #F00,
0-2px #AA0004;
}
আনলাইন ডেমো | সোর্স ডাউনলোড
পরিক্ষা চলছে দোয়া চাই।
সর্বশেষ এডিট : ১৯ শে এপ্রিল, ২০১১ সন্ধ্যা ৬:৫৮