How to make a link Hover?

Asked

Viewed 1,111 times

-5

I’m in need of a CSS help, I have my carousel and I need to Hover appears a centralized link, currently I left already as I want with the Hover, i.e., the Hover this on top of the image, follows the link.

The Hover is a background white with opacity and the link.

html css html5 css3
  • 3

    the ideal was to provide a small example on http://JSFiddle.net, but also to say that you should specify better your problem and the solution you need separately.

  • 6

    I can only show a link to my website with problems? / How to create a Minimum, Complete and Verifiable example

  • I think it’s something like: $('.hover').mouseover(function(){&#xA; var link = $(this).children('a').attr('href');&#xA; $(this).append('<span class=temp>'+link+'</span>');&#xA;});&#xA;$('.hover').mouseleave(function(){&#xA; $('.temp').remove();&#xA;});

  • 2

    Try searching for Hover no Sopt. Has several solutions ready.

  • put only the piece of code you want to move.

  • only in that same part, from slider @haykou

  • Lord Die... 45 questions and still with these basic mistakes when asking?

Show 2 more comments

1 answer

3


I don’t know if I got it right, but with CSS you can do it like this:

.circulo{
  height:200px;
  width:200px;
  border-radius:50%;
  background:red;
  position:relative;
}

#texto-inside{
  display:none;
}

.circulo:hover{
  opacity:0.7;
}
.circulo:hover #texto-inside{
  display:block;
  position:absolute;
  top:35%;
  left:30%;
  font-size:20px;
  color:white;
  
}
<div class="circulo">
  <p id="texto-inside">Macarrão</p>
</div>

Then you edit the way you want, put a link in place of my p, a Transform in the text and such.

  • thanks, it worked out

Browser other questions tagged html css html5 css3

You are not signed in. Login or sign up in order to post.