above is a picture of arrows that create a circle///but they are all touching…and i need to make each individual arrow turn into a link and also when i hover over each individual arrow i need to be able to change the color…suggestions?
maybe try a background image for the arrows and then animate different a:hover effects?
Yeah….pretty sure that this isn’t possible with CSS alone.
SVG or Canvas maybe…
>What do you think I should charge for this?
No idea…how much do you think you can get away with?
Frankly, I don’t see how you can charge for ‘figuring out time’…but that’s between you and the client.
> Yeah….pretty sure that this isn’t possible with CSS alone.
Doable with multiple elements and CSS transforms.
>Doable with multiple elements and CSS transforms.
Hmmm, I suppose so…in theory…but it would be fugly trying to make even one curved arrow which is also an anchor link and has a hover state.
Assuming that the arrows are all the same, you could define that shape as an SVG ‘def’ and then re-use it and just position/transform each one until you get a circle type thing.
Done by Ana Tudor (@thebabydino). Thank her on Twitter. :)
Awesome indeed…now add the anchor links and hover states…fugly I tell you. :)
Yes, the Codepen is written in HAML and SCSS.
If you click on the word HAML or SCSS it will show you the HTML & CSS.
Copy the HTML and CSS to the relevant files…should work.
My guess is that you are copying the HAML etc and not the HTML
How about this:http://codepen.io/Paulie-D/pen/pIgai
Unless you can show us a live page…I don’t think we can help you.
Which browser do you use?
Works on Chrome.
You must be logged in to reply to this topic.