অডিও ট্যাগের সিএসএস -

আমরা সবাই জানি, অডিও ট্যাগের সিএসএস নাই।

কিন্তু আমরা একটা লেয়ার দিয়ে সহজেই অডিও বার সুন্দর করতে পারি।
দেখুন,

CSS Code,

audio {
background:#ff0000;
box-shadow: 0px 2px 2px #ffffff;
border:#488A13 1px solid;
opacity: .75;
}
audio:hover{
background:#002200;
opacity: .9;
}
অথবা,

audio {background:linear-gradient(lime, #ff0000);
box-shadow: 0px 2px 2px #ffffff;
border:#488A13 1px solid;
opacity: .75;
}
audio:hover{
background:#002200;
opacity: .9;
}

HTML Code,

<audio autoplay controls>
<source src='lot.mp3'>
</audio>



শেয়ার করুন

লেখকঃ

আমি তাওসিফ তুরাবি, অনলাইনাম (অনলাইন + নাম) ব্লগার তাওসিফ। এখন, ২০১৬ পর্যন্ত আমি ১৬ বছরের এক কিশোর। পড়াশোনা করি শহীদ পুলিশ স্মৃতি কলেজে। টেক ব্লগ লিখতে ভালবাসি। সাইন্স ফিকশন আর গল্প লিখতে পছন্দ করি।  জিআর+ ব্লগের এর একজন প্রতিষ্ঠাতা অ্যাডমিন।
আমাদের একটা ওয়েব ডেভেলপার ফার্ম আছে যার নাম জিআর+ আইটি বাংলাদেশ
এছাড়া আমার ব্যাক্তিগত ব্লগ রয়েছে। আমার ফেসবুক আইডিতে আমার সাথে সর্বক্ষণ যোগাযোগ করতে পারবেন। 


পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট