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: 8 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; }