Is it possible to have a speech box with borders, curved corners & opacity?
Would like it working in webkit and IE10.
@seanjacob check out Tooltips! Should do the job.
http://css-tricks.com/bubble-point-tooltips-with-css3-jquery/
@zdravo Thanks, but unfortunately this doesn't work with opacity :(
Of course. Just feed all the colors via rgba
@Eric unless I have misunderstood you it is not as easy as that.
Then perhaps you need to explain further.
Have a first try: speech bubbles with rgba() background-color, yet borders are fully solid (as is the text).
http://codepen.io/Merri/pen/aILsh
Now works in Firefox, Chrome and IE10.
I have another idea that might be more reliable, or somewhat shorter to do in CSS. It probably requires an extra element though. I wanted to do with as little HTML as possible.
@Merri that works very well, thank you!
I have also managed a similar way - http://codepen.io/seanjacob/pen/IBsqG
Is it possible to have a speech box with borders, curved corners & opacity?
Would like it working in webkit and IE10.
@seanjacob check out Tooltips! Should do the job.
http://css-tricks.com/bubble-point-tooltips-with-css3-jquery/
@zdravo Thanks, but unfortunately this doesn't work with opacity :(
Of course. Just feed all the colors via rgba
@Eric unless I have misunderstood you it is not as easy as that.
Then perhaps you need to explain further.
Have a first try: speech bubbles with rgba() background-color, yet borders are fully solid (as is the text).
http://codepen.io/Merri/pen/aILsh
Now works in Firefox, Chrome and IE10.
I have another idea that might be more reliable, or somewhat shorter to do in CSS. It probably requires an extra element though. I wanted to do with as little HTML as possible.
@Merri that works very well, thank you!
I have also managed a similar way - http://codepen.io/seanjacob/pen/IBsqG