where is the wrong in my code ? it does not work in animation hover
<!DOCTYPE html> <html> <head> <title>In The Name Of Allah</title> <meta charset="utf-8"> <meta name="description" content="Examples CSS3"> <link rel = "styleSheet" href = "examplecss.css"/> </head> <body> <section> <div class="conNormal"> <h4>Normal hover</h4> <div class="boxTest">follow me on Facebook</div> <a href="#">@Mohamed-Ashraf</a> </div> <div class="conTransation"> <h4>Transmision hover</h4> <div class="boxTest">follow me on twitter</div> <a href="#">@Mohamed-Ashraf</a> </div> <div class="conAnimation"> <h4>Animation hover</h4> <div class="boxTest">subscribe me on youtube</div> <a href="#">@Mohamed-Ashraf</a> </div> </section> </body> </html> css file * /*conNormal //conTransmision //conAnimation*/ { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { perspective: 6000px; } section { width: 1000px; height: 250px; margin:20px; background-color:dimgray; border: 4px solid black; } .conNormal ,.conTransation, .conAnimation { width: 250px; height:200px; margin:20px; padding:10px; margin-right: 60px; float: left; background-color: white; line-height: 45px; text-align: center } .conNormal h4 ,.conTransation h4, .conAnimation h4 { margin-top: 8px; margin-bottom: 8px; text-align: center; font-weight: bolder; font-size: 20px; } .conNormal .boxTest { width:230px; height: 45px; background-color:darkblue; position: relative; z-index: 2; } .conTransation .boxTest { width:230px; height: 45px; background-color: dodgerblue; position: relative; z-index: 2; } .conAnimation .boxTest { width:230px
Often have questions like this?
Learn more efficiently, for free:
