[    [    [    [    [    [    [    b l o g g i n   s p a c e    wiki   ]    ]    ]    ]    ]    ]    ]

Difference between revisions of "Zoom"

From blogginpedia
Jump to navigation Jump to search
(Created page with "<style> .zoom { padding: 50px; background-color: green; transition: transform .2s; →‎Animation: width: 200px; height: 200px; margin: 0 auto; } .zoom:hover { transform: scale(1.5); →‎(150% zoom - Note: if the zoom is too large, it will go outside of the viewport): } </style> <div class="zoom"></div>")
 
Line 1: Line 1:
This is a proof of concept.  HTML '''Zoom''' function within mediawiki.
<html>
<head>
</head>
<style>
<style>
.zoom {
.zoom {
   padding: 50px;
   padding: 50px;
   background-color: green;
   background-color: green;
   transition: transform .2s; /* Animation */
   transition: transform .5s; /* Animation */
   width: 200px;
   width: 200px;
   height: 200px;
   height: 200px;
Line 15: Line 19:


<div class="zoom"></div>
<div class="zoom"></div>
</html>

Revision as of 02:53, 8 March 2025

This is a proof of concept. HTML Zoom function within mediawiki.