আজ আপনাদের দেখাব কিভাবে CSS3 দ্বারা Speech bubbles তৈরী করা যায়। এর জন্য আপনার HTML editor a নিচের কোডটি কপি করে ব্রাউজার দিয়ে রান করে দেখুন।। Demo: Pure CSS speech bubbles .triangle-isosceles{ position:relative; padding:15px; margin:1em 0 3em; width:400px; color:#000; background:#f3961c; background:-webkit-gradient(linear,0 0,0 100%,from(#f9d835),to(#f3961c)); background:-moz-linear-gradient(#f9d835,#f3961c); background:-o-linear-gradient(#f9d835,#f3961c); background:linear-gradient(#f9d835,#f3961c); -webkit-border-radius:10px; -moz-border-radius:10px;border-radius:10px;} .triangle-isosceles:after{ content:""; position:absolute; bottom:-15px; left:auto; border-width:15px 15px 0; border-style:solid; border-color:#f3961c transparent; display:block; width:0;} This only needs one HTML element.
Posted on: Sun, 23 Jun 2013 17:53:19 +0000
Recently Viewed Topics
© 2015