Difference between revisions of "Zoom"
Jump to navigation
Jump to search
(4 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
{{DISPLAYTITLE:<font face="courier"><font color="hotpink">zoom</font></font>}} | {{DISPLAYTITLE:<font face="courier"><font color="hotpink">zoom</font></font>}} | ||
This is a proof of concept showing how the html/css '''Zoom''' function within mediawiki can work. | This is a proof of concept showing how the html/css '''Zoom''' function within mediawiki can work. Additionally, the image is surrounded with a 5 pixel [[Colors|'''hot pink''']] border for shits and giggles. | ||
Hover the image to see the '''Zoom''' effect... | Hover the image to see the '''Zoom''' effect... | ||
<br><br> | |||
<html> | <html> | ||
<style> | <style> | ||
.zoom { | .zoom { | ||
padding: 50px; | padding: 50px; | ||
border: 5px solid hotpink; | |||
background-image: url("https://bloggin.space/images/aoc/aoc1.png"); | background-image: url("https://bloggin.space/images/aoc/aoc1.png"); | ||
background-position: center; | background-position: center; |
Latest revision as of 03:21, 8 March 2025
This is a proof of concept showing how the html/css Zoom function within mediawiki can work. Additionally, the image is surrounded with a 5 pixel hot pink border for shits and giggles.
Hover the image to see the Zoom effect...