How To Make A lump Effect Triangle Premises Css MWB Mywapblog

Seo Blogs.

How To Make A lump Effect Triangle Premises Css MWB Mywapblog

---

PreviousAttack On Titan Episode 15 3gp Mp4 Su Indo

Good evening all, anyway update nih about Trik Css .Iah was counted create add knowledge about
And before Seo Blogs also been review how to Membuat Background Efek Jahitan Tampilan Mobile MWB dan Cara Membuat Background Efek Kertas Bertumpuk Dengan Css

This is taken from the  Dynamicdrive and in combination with css mywapblog to produce a charming touch.

Tri ( tiga ) ,angle ( putaran ) usually called the tiga dimensi .This implementation also uses the previous trick Cara Menyingkat Penulisan Css Border Warna Warni

Come straight to the point at see.

1. CSS EFFECTS ON THE BUBBLE

.up { width: 200px; margin: 20px; min-height: 40px; background: black; color: white; border-radius: 5px;padding: 5px; position: relative; word-wrap: break-word; margin-bottom: 2em;} .up:after { content:''; display: block; position: absolute; top: -20px; left: 30px; width: 0; height: 0; border-color: transparent transparent black transparent; border-style: solid; border-width: 10px;}

2. CSS EFFECTS BUBBLE RIGHT

.right { width: 200px; margin: 20px; min-height: 40px; background: black; color: white; border-radius: 5px;padding: 5px; position: relative; word-wrap: break-word; margin-bottom: 2em;} .right:after { content:''; display:block; position:absolute; top:10px; left:100%; width:0; height:0; border-color: transparent transparent transparent black; border-style: solid; border-width: 10px;}

3. CSS EFFECTS BUBBLE BELOW

.down { width: 200px; margin: 20px; min-height: 40px; background: black; color: white; border-radius: 5px;padding: 5px; position: relative; word-wrap: break-word; margin-bottom: 2em;} .down:after { content:''; display:block; position:absolute; top:100%; left:30px; width:0; height:0; border-color: black transparent transparent transparent; border-style: solid; border-width: 10px;}

4. CSS EFFECTS BUBBLE LEFT

.down { width: 200px; margin: 20px; min-height: 40px; background: black; color: white; border-radius: 5px;padding: 5px; position: relative; word-wrap: break-word; margin-bottom: 2em;}.left:after { content:''; display:block; position:absolute; top:10px; left:-20px; width:0; height:0; border-color: transparent black transparent transparent; border-style: solid; border-width: 10px;}

---

NOTE : .top, .right, .down, .left Replaced by selectorthe target that you want
Or you can also use images arches like the example above is an image SVG or other background.

That review this article on  Cara Membuat Efek Benjolan Triangle Denga Css MWb Mywapblog Source
Thanks to . YakubaY XT