hover efect logo

[n3sS]

salut , ma poate ajuta cineva cu asta? 

doresc efectul 14 hover la banerul meu de pe forum ipb , mi se pare ca nu se potrivesc codurile , nu am experienta mare html , css , help va rog . as dorii codul plus indicatiile unde si ce pun , multumesc

[gadeas]

Trebuie sa specifici si ce tema folosesti, altfel nu vom stie care cod se potriveste.

Codu CSS de la efectu 14 este:

.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

 

[n3sS]

cod header default , ma gandesc ca trebuie sa ma leg cu el , stiu ca acesta este codul 

GameLife by HuntsMan (webflake.sx) (Import)

codul din ipb_style.css

#logo { float: center; }
#logo a:hover{ opacity: 0.7; }




/* Text logo */

#logo a.textLogo{
color: #fff;
height: 130px;
line-height: 130px;
padding: 0 12px;
font-weight: bold;
font-size: 24px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
text-decoration: none;
}

default header

<div align="center">
<if test="$this->settings['textLogo']=='yes'">
<a href='{$this->settings['board_url']}' class='textLogo' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'>{$this->settings['board_name']}</a>
<else />
<a href='{$this->settings['board_url']}' title='{$this->lang->words['go_home']}' rel="home" accesskey='1'><img src='{parse replacement="logo_img"}' alt='{$this->lang->words['logo']}' /></a>
</if>
</div>

 

[Stefanx]

Up.

Am in tema ce are si userul de mai sus si vreau daca se poate sa ma ajutati sa fac legatura...

[+ZEW]

On 7/5/2017 at 0:12 PM, Stefanx said:

Up.

Am in tema ce are si userul de mai sus si vreau daca se poate sa ma ajutati sa fac legatura...

Dacă mai ai nevoie de un răspuns poți începe prin a șterge

#logo a:hover{ opacity: 0.7; }

din CSS și modifică acel cod pus de @gadeas pus mai sus, dar fără 

.hover14 figure {
	position: relative;
}

astfel încât să ai

#logo::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
#logo:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}