Me ajudem!!!

[Ronaldo Marques 0]

Olá, eu estou com um problema, eu fiz um Carousel de Image Slides em HTML5, CSS3 e jQuery, só que eu gostaria que as setas left e right do slide deslizasse para a esquerda e direita quando coloca o cursor do mouse em cima da seta igual a desse site: http://wowslider.com/pt-br/javascript-slideshow-quiet-rotate-demo.html, pelo o que eu sei esse efeito é feito com efeito hover nas pseudo-classes after e before em CSS3 eu já tentei e não consegui fazer, se alguém puder me ajudar eu agradeço muito, estou precisando desse efeito para um projeto. Estou postando o código do projeto.

 

index.html

superslides.css

jquery.js

jquery.superslides.js

[Guilherme Luiz 41]

É só você trabalhar nas classes já existente adicionando novos atributos...

 

Se no CSS você tem uma class do tipo

. classe {
  background-color:red;
  color: white;
}

 

você pode aplicar mais class no proprio elemento ou então "duplicar" ela com novos atributos...

.classe {
 font-size:40px;
 padding:10px;
}

 

Quando você fizer isso, sua classe vai ter os seguintes atributos processados no navegador

.classe {
  background-color:red;
  color: white;
 font-size:40px;
 padding:10px;
}

 

Para aplicar um efeito sobre qualquer item de qualquer classe é só você utilizar o parametro :hover por exemplo

.classe {
  background-color:red;
  color: white;
  font-size:40px;
  padding:10px;
}

.classe:hover {
  background-color:white;
  color:black;
}

 

Como você já tem o carousel pronto, basta pegar essa ideia e mudar os atributos de acordo com o visual que você desejar.

 

[Ronaldo Marques 0]

Valeu Guilherme, consegui fazer!!!