Member Avatar for schiamazz

Hi to everyone!
I'm chiara
(on first sorry for bad english...)

I would know how rotate text in dreamweaver with css language.
I want my toolbar follow a curve (bend) that I draw.
I've a Mac and I want a solution useful for all browser!

(I'm too greedy?)

thanks in any case for you attenction!

  • 3 Contributors
  • 2 Replies
  • 105 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by sreein1986

Dani AI

Generated

— as and suggested, plain CSS cannot bend a string of text along a custom curve. The clean, modern way to get text to follow a drawn curve is SVGs <textPath>: it keeps text selectable, scales cleanly, and is widely supported by current browsers.

A minimal inline example (place this in the page where the toolbar should appear):

<svg viewBox="0 0 600 100" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <path id="curve" d="M10,50 C150,0 450,100 590,50" />
  </defs>

  <text font-size="18" fill="#222">
    <textPath href="#curve">Curved toolbar label</textPath>
  </text>
</svg>

Notes and quick troubleshooting:

  • Older SVGs used xlink:href; modern usage accepts href. If the text does not appear, confirm the id on the path matches the textPath reference and that the path length/coordinates produce the visible curve.
  • For very old browsers that lack SVG support, serve a fallback (raster image, inline SVG fallback, or a JS polyfill). If SVG is not acceptable, a scripted approach that positions and rotates each character (lettering-style JS + arc plugin) will work but is heavier and less semantic.
  • Remember accessibility: duplicated hidden plain text or aria-label can help screen readers, and keep contrast/size legible.

Further reading and examples:

Recommended Answers

All 2 Replies

Member Avatar for MidiMagic

You are trying to go beyond the capabilities of css.

Such transformations require at least a script.

It might be that you have to create an image with the text rotations. I have done that.

Member Avatar for sreein1986

I Think it's n't possible with CSS styles
use Javascript code

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.