অডিও ট্যাগের সিএসএস - CSS ! সবই সম্ভব...

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

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

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>

Related Posts