- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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.
https://css-tricks.com/bubble-point-tooltips-with-css3-jquery/
Of course. Just feed all the colors via rgba
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