css3 speech bubble

Try Semtex – the new HTML5, CSS3 and JavaScript UI framework! Here’s a cool code snippet just before the weekend – purely CSS3-driven tooltips. The code below is pretty self-explanatory, so just a few clarifications. The motivation to use both visibility: hidden and opacity: o – I did it in order to prevent pointer events … Continue reading “Fancy CSS3 Tooltips (Yeah, without any JavaScript)”

Here’s a quick and easy way to create speech bubbles (or tooltips) with HTML and CSS3 without using additional markup or images. The solution is elegant and simple and utilizes the pseudo-element :after (or :before, if you prefer) and the fact that the borders in CSS are met in an angle. It works with all major browsers … Continue reading “Creating a Speech Bubble With CSS3 and without Additional Markup”