Author

Topic: [5$] for small css fixing (Read 642 times)

sr. member
Activity: 616
Merit: 263
June 28, 2017, 10:07:07 AM
#8
Then how is the animation will working? It is not just image it is frameset...
Yes,ignore the above post.Whatever you're doing is right but the timing function is causing is the problem as I roughly checked.I tried making the animation responsive with width and height settings,it worked but when the browser window is reshaped,the animation runs faster with multiple copies and for some reason "no-repeat" breaks the entire animation.Can you find an alternative for the timing function ?

No I can't change timing function.But I found what I am looking for in this example, so you need just look into it I think: https://codepen.io/SitePoint/pen/zxXrzP
legendary
Activity: 1988
Merit: 1317
Get your game girl
June 28, 2017, 07:16:06 AM
#7
Then how is the animation will working? It is not just image it is frameset...
Yes,ignore the above post.Whatever you're doing is right but the timing function is causing is the problem as I roughly checked.I tried making the animation responsive with width and height settings,it worked but when the browser window is reshaped,the animation runs faster with multiple copies and for some reason "no-repeat" breaks the entire animation.Can you find an alternative for the timing function ?
sr. member
Activity: 616
Merit: 263
June 28, 2017, 05:40:56 AM
#6
I'm not at home right now, so I don't think I can fully help you right now.

For animations, I wouldn't use background-image. Put the image within the div. Currently the CSS3 background-image functionality isn't what it should be.

Make the parent div display:block, and make the image itself a percentage of the height, and the width auto.

Then how is the animation will working? It is not just image it is frameset...
legendary
Activity: 1232
Merit: 1030
give me your cryptos
June 27, 2017, 04:55:32 PM
#5
I'm not at home right now, so I don't think I can fully help you right now.

For animations, I wouldn't use background-image. Put the image within the div. Currently the CSS3 background-image functionality isn't what it should be.

Make the parent div display:block, and make the image itself a percentage of the height, and the width auto.
legendary
Activity: 1988
Merit: 1317
Get your game girl
June 27, 2017, 02:30:19 PM
#4
OMG what is it? It is absolutely not what I need. I asked just to make it adaptive size. You spoiled all animation.  Smiley
Don't be harsh on him,just appreciate his work even though it is not what you were looking for.
 
1. I need it in default size I already made (not full screen).

2. Animation is spoiled (in Safari browser at least). I need 1 animated horse. On your example I see a lot of moving and not animated horses O_o WTF.

It is mine HTML and I know how to change anything. I just can't make it responsive...
Your animation won't work on many other browsers.Have you tried IE,firefox ? No webkit service providers preferences are used and most of the CSS3 animation properties need to defined explicitly using webkits.I'm too lazy to look into the code,try setting max-width and max-height to 100%.
sr. member
Activity: 616
Merit: 263
June 27, 2017, 11:07:49 AM
#3
Hi, i have made it adaptive to a screen size. This image should now be opened with full screen as the visitors browser suppprts html marquee striking.
Kindly check your PM inbox for edited code i have sent you.

Here you can view it:  http://livebitcoinnews.tk/horse.html

If you want me to ride this horse faster or slower, let me know, i will do that. I know the html well

You can pay my reward here:  1JKEyhKMsuzJdbeRQ3dSUA4J3Asjb41Ly6

Thanks

OMG what is it? It is absolutely not what I need. I asked just to make it adaptive size. You spoiled all animation.  Smiley

1. I need it in default size I already made (not full screen).

2. Animation is spoiled (in Safari browser at least). I need 1 animated horse. On your example I see a lot of moving and not animated horses O_o WTF.

It is mine HTML and I know how to change anything. I just can't make it responsive...
sr. member
Activity: 476
Merit: 250
June 27, 2017, 06:51:51 AM
#2
Hi, i have made it adaptive to a screen size. This image should now be opened with full screen as the visitors browser suppprts html marquee striking.
Kindly check your PM inbox for edited code i have sent you.

Here you can view it:  http://livebitcoinnews.tk/horse.html

If you want me to ride this horse faster or slower, let me know, i will do that. I know the html well

You can pay my reward here:  1JKEyhKMsuzJdbeRQ3dSUA4J3Asjb41Ly6

Thanks
sr. member
Activity: 616
Merit: 263
June 27, 2017, 06:25:21 AM
#1
Hi,

I need this animated sprite to be responsive. E.g. i need that image size was not fixed but adaptable to screen size. It should be resizable animated sprite.


Fix it and give me a link with your btc address or paypal...

Thanks.

Still looking! Maybe it help: https://codepen.io/SitePoint/pen/zxXrzP
Jump to: