File: includes/styles.css

Recommend this page to a friend!
  Classes of Jackson Knowlton   JavaScript Magnifying Glass Effect   includes/styles.css   Download  
File: includes/styles.css
Role: Auxiliary data
Content type: text/plain
Description: Styles for example and class
Class: JavaScript Magnifying Glass Effect
Create a magnifying glass look over an image
Author: By
Last change: fixed css
Date: 9 years ago
Size: 498 bytes
 

Contents

Class file image Download 
body{
  margin: 0;
}
p, h2{
  font: bold 15px 'Open Sans', sans-serif;
  color: #222;
  text-align: center;
}
h2{
  font-size: 35px;
  margin: 10px 0;
}
img{
  width: 700px;
  display: block;
  margin: auto;
}

/*Necissary for class*/
.magnify{
  border-radius: 50%;
  border: 2px solid black;
  position: absolute;
  z-index: 20;
  background-repeat: no-repeat;
  background-color: white;
  box-shadow: inset 0 0 20px rgba(0,0,0,.5);
  display: none;
  cursor: none;
}