MrButterfly
New member
Hi I'm very new to this. But I tried everything and my gif just wont work.
I uploaded it to imgur and tried to upload it directly, from imgur it just doesnt show up with the url.
And from direct upload it's off centered and not animated.
The gif is a transparent backround gif.
Also I don't know how to realign to my liking.
I feel kinda defeated honestly been at it for hours. And I'm willing to pay someone to help me out.
But will take any help I can get.
here is my gif but it's white on white unfortunately but works on premiere pro. the same but on gyphy where you can see it working. but black background this time. https://media.giphy.com/media/Z8jhQdTjXSzOhl9KEF/source.mov
Here is my css
the rest is from tutorial basically.
.players
{
position: absolute;
top: 50;
width: 300px;
height: 40px;
line-height: 40px;
text-align: center;
clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%);
}
.players.p1 { left: 300px; }
.players.p2 { right: 300px; }
.scores
{
position: absolute;
top: 50;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.logo {
position: absolute;
top: 0;
width: 180px;
height: 105px;
background-image: url('http://data.8wr.io/sba/2364/Animated GIF-downsized_large.gif');
background-size: cover;
margin: auto;
z-index: 5;
}
.logo.l1{ left: 46%; }
.scores.s1 { left: 230px; }
.scores.s2 { right: 230px; }
.hidden { top: -110px !important; }
I uploaded it to imgur and tried to upload it directly, from imgur it just doesnt show up with the url.
And from direct upload it's off centered and not animated.
The gif is a transparent backround gif.
Also I don't know how to realign to my liking.
I feel kinda defeated honestly been at it for hours. And I'm willing to pay someone to help me out.
But will take any help I can get.
here is my gif but it's white on white unfortunately but works on premiere pro. the same but on gyphy where you can see it working. but black background this time. https://media.giphy.com/media/Z8jhQdTjXSzOhl9KEF/source.mov
Here is my css
the rest is from tutorial basically.
.players
{
position: absolute;
top: 50;
width: 300px;
height: 40px;
line-height: 40px;
text-align: center;
clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 5% 100%);
}
.players.p1 { left: 300px; }
.players.p2 { right: 300px; }
.scores
{
position: absolute;
top: 50;
width: 100px;
height: 40px;
line-height: 40px;
text-align: center;
clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.logo {
position: absolute;
top: 0;
width: 180px;
height: 105px;
background-image: url('http://data.8wr.io/sba/2364/Animated GIF-downsized_large.gif');
background-size: cover;
margin: auto;
z-index: 5;
}
.logo.l1{ left: 46%; }
.scores.s1 { left: 230px; }
.scores.s2 { right: 230px; }
.hidden { top: -110px !important; }
Last edited: