Show text on hover

HTML-CSS
1

Hello i try to add text on hover over image,but it’s hard for me ,any ideas to complete this task…


<ul class="grid">

	<li class="one"></li>
	<li class="two"></li>
	<li class="three"></li>
</ul>

/CSS/


}.one:hover {
  cursor: pointer;
  transform: rotate(10deg) scale(1.1) translateY(70px);
  transition: .5s all ease;
  z-index: 400;
  margin-right:65px;
        box-shadow: 0px 0px 10px 5px orange;
		
		

 
}.two:hover{
  cursor: pointer;
  transform: rotate(10deg) scale(1.1) translateY(80px);
  transition: .5s all ease;
  z-index: 400;
  margin:50px;
        box-shadow: 0px 0px 10px 5px #ffffff;

}.three:hover {
  cursor: pointer;
  transform: rotate(10deg) scale(1.1) translateY(80px);
  transition: .5s all ease;
  z-index: 400;
  margin-left:70px;
        box-shadow: 0px 0px 10px 5px #ffffff;

demo: https://jsfiddle.net/omL7jze4/

2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums