Test 2

Document
Hover me
Armenia
France
Australia
England
Armenia
Armenia(Artsakh)
Italy
Japan
Armenia
France
Armenia
* { margin: 0; padding: 0; box-sizing: border-box; } .container { overflow-y: scroll; display: flex; flex-wrap: wrap; justify-content: center; width: 100vw; min-height: 100vh; background-image: linear-gradient(35deg , #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%); } .card { width: 200px; height: 200px; margin: 10px; position: relative; overflow: hidden; z-index: 2; cursor: pointer; transition: all 1s linear; } img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; z-index: 1; opacity: 0.7; transition: all 1s linear; } img:hover { opacity: 1; transform: translate(-50%,-50%) scale(1.2); z-index: 1000; } span { opacity: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: black; z-index: 50; font-size: 25px; text-align: center; margin-top: 75px; color: white; transition: all 1s linear; } span:hover { opacity: 0; }

Comments

Popular posts from this blog

ಹಿಂದೂಧರ್ಮದ ಕರೆ - ಸ್ವಾಮಿ ವಿವೇಕಾನಂದ

How to be happy in these days?