Jump to content

Logo circle


Blacklite

Recommended Posts

Salut, cum pot sa fac si eu logo-ul ca aici http://darkmind.ro/

Am doua logo-uri integrate in  tema "logo" e  scrisul si "logo1" e circle si nu se invarte ,am incercate mai multe modete in style si nu merge...

 

Aici aveti codul de la logo-ul 1


#logo1{margin:0
auto;position:relative;top:-102px;width:370}px#logo
.skull{position:absolute;top:35px}#logo:hover
.skull{animation: .7s logoShake}#logo
.gamepad{position:absolute;top:5px;left:25px}#logo
.textlogo{position:absolute;z-index:1;top:80px;left:30px}#logo:hover
.textlogo{animation: .7s textLogo}

Edited by Blacklite
Link to comment
Share on other sites

asta e codul de la darkmind . 

HTML

<a href="http://darkmind.ro/">
 <div class="logospace">
<img class="logocircle" src="http://darkmind.ro/public/style_images/darkmind/logocircle.png"> <img class="logotext" style="margin-top: -192px; position: relative;" src="http://darkmind.ro/public/style_images/darkmind/logotext.png">
 </div>
</a>

si ipb_styles.css

.logospace{
cursor:pointer;
width:400px;
overflow:hidden;
}
.logocircle{
pointer-events:none; 
transition:all 0.7s ease-in-out; 
*/transform:rotateX(0deg);
}
.logospace:hover>.logocircle{transform:rotateX(360deg)}
.logotext{
pointer-events:none;
transition:all 0.4s;
}
.logospace:hover>.logotext{}

 

  • Upvote 1

 

Link to comment
Share on other sites

1 hour ago, d@niel said:

asta e codul de la darkmind . 

HTML


<a href="http://darkmind.ro/">
 <div class="logospace">
<img class="logocircle" src="http://darkmind.ro/public/style_images/darkmind/logocircle.png"> <img class="logotext" style="margin-top: -192px; position: relative;" src="http://darkmind.ro/public/style_images/darkmind/logotext.png">
 </div>
</a>

si ipb_styles.css


.logospace{
cursor:pointer;
width:400px;
overflow:hidden;
}
.logocircle{
pointer-events:none; 
transition:all 0.7s ease-in-out; 
*/transform:rotateX(0deg);
}
.logospace:hover>.logocircle{transform:rotateX(360deg)}
.logotext{
pointer-events:none;
transition:all 0.4s;
}
.logospace:hover>.logotext{}

 

A mers,multumesc !

Edited by Blacklite
Link to comment
Share on other sites

  • 3 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.