last day (14 days later) » 

9:18 AM
1
A: How to add stroke around whole circle and animate to rotate circle in svg?

Naeem ShaikhAs paul already showed how to draw a stroke, I would continue with his answer to show how to rotate and stop on hover. see this: http://jsfiddle.net/q611wenr/7/ I have used this css rule: svg:not(:hover) { -webkit-animation: rotateClockwiseAnimation 5s linear infinite; /* Safari 4+ */ -m...

 
thanks lot @naeem: but still have to change little bit.. that two text are didn't transform right? 1. personal life and 2.awards... and also align of all the texts are not properly.. thanks.
are you free now?
 
@rish you can post another question, that will let you gain more users try solve your problem.. also let me know if you post another question
 
I asked lot of question @naeem: ..
 
ok what help you need
 
that text-align only remaining ..
those two texts are need to align,, like others text.. thanks....
 
9:18 AM
@rish.. see this jsfiddle.net/q611wenr/10
 
if we look at closer, why these two texts are 1.place i am visited and 2.academy, placed different from others right?..
 
do you want it to be inverted
 
may i know mean of inverted?
there?.......
?????
 
9:41 AM
means the two texts 1.place i am visited and 2.academy, what you want to do with it
 
if you look at closer, those two texts are different from others
 
they look like inverted vertically
upside down
 
two texts are placed near the corner..
 
10:00 AM
ok.. give me a moment..
@rish can you accepted my previous answer to your 1st question
 
yes.. i already accepted..
 
oops.. i am sorry.. got confused between upvoted and accepted.. I thought upvoted bt not accepted, but was accepted but not upvoted
 
see.. both done by me..
 
accepted only..
there?...
second answers i gave +1 and accepted
 
10:10 AM
yes
 
but still i didn't get..
 
where are you frfom
@rish can you vote it too? i mean if it has been helpful..
 
voted..
 
voting is really important, acceptance means answer is useful to the asker, and voting mens answer is useful to all
thats why i asked..
well you can see this: jsfiddle.net/q611wenr/13
does that help
 
one more thing.. why changing the width when rotating.. i think you know... can you please see again in your answer in jsfiddle..
 
10:21 AM
No width doesnt change
 
10:33 AM
i don't know,, how to explain you.. when you see it closer,, that circle didn't rotate properly..
 
I dont really understand.. maybe there is something i cant see.. i also tried inspecting element but cant get anything
 
in jsfiddle, you have to look closer .. that scroll-bar increasing and decreasing..
 
10:55 AM
yeah I get it..
but you cant solve it..
square has four sides.. here in this example it is width=500 height=500
while the diagonal is 500*root2
means 500
500*1.41
that makes it bigger on edges....
so when you rotate and when the diagonal comes at edge, it adds scroll, as it width is the longer
@rish but there is a workaround thought jsfiddle.net/q611wenr/14
just add a div with same width and height and set overflow hideen
I hope you are done now
 

last day (14 days later) »