0
How to make animation of Titlel logo?
web titel logo!
8 Answers
+ 5
@visph, .jpg, .png and .gif images are not text so cannot be used as title only the .ico can be used
+ 4
You cannot animate the <title> (.ico) logo since its not in the document.
it's in the head.
+ 3
What kind of animation?
Have you already code showing the static title/logo?
+ 3
Use css 'transform' property with value 'rotate(ndeg)' value, combined with 'animation' property and '@keyframes' definition:
<img id="logo" src="url" alt="description" width="50" height="50">
<style>
#logo {
background:red;
animation-name:anim;
animation-duration:10s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}
@keyframes anim {
from { transform:rotate(0deg); }
50% { transform:rotate(180deg); }
to { transform:rotate(360deg); }
}
</style>
background and image size are added to test the code without valid src provided...
The line with 50% is unnecessary in this case, but I put it for teaching purpose: you can add how many time key to the definition ;)
Anyway, you need to provide version of property with vendors prefix, to support some browsers/versions ^^
+ 2
If you was talking about the <title> tag of you html document, as suggested by @Nomeh Uchenna Gabriel, and more precisely the named 'favicon' (favorite icon), you can only animate it by using an animated gif as image... my previous solution was for animating a content title logo, not the <title> tag of <head> section ;P
+ 2
@Gabriel:
I was talking about the favicon of a page/site, which stand left side of title tab/window wich can be the << title logo >> meaning of @Paran Boruah...
0
like rotation!
0
my title logo is png file.
Often have questions like this?
Learn more efficiently, for free:
Hot today
Control Flow
2 Votes
How to use the get() method
2 Votes
Game Dev Path
1 Votes
So this what I'm trying to solve
2 Votes
How to get account back?
1 Votes
PHP Tutorial Idea
1 Votes
Problem whit Javascript
1 Votes