4

qtip is not using images to make its arrows, like other tips out there. So I was wondering how they are making their dynamic arrow tip?

A person can easily change the size of the tip with width/height.

http://craigsworks.com/projects/qtip/features/#tips

1
  • it also works in ie6, so canvas dont work in ie6
    – Basit
    Mar 1, 2011 at 3:38

3 Answers 3

3

They use (at least) 2 different technologies (depending on the browser):

0

They're using an html5 canvas

<div class="qtip-tip" . . .>
    <canvas height="12" width="12"></canvas>
</div>
0

I believe they are using CSS Triangles, as they seem to work in non html-5 compliant browsers.

1
  • No, I don't think so. You can check the source code of the page to see that they are not using border as CSS Triangles do. They just use VML in IE and Canvas in the rest. Mar 1, 2011 at 3:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.