css only tooltip

Here is the html structure for tooltip Lorem ipsum dolor sit And here is the css styles /* base CSS element */ .tip { background: #eee; border: 1px solid #ccc; padding: 10px; border-radius: 8px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); position: relative; width: 200px; } /* arrows – :before and :after */ .tip:before …

css only tooltip Read More »