๐๐๐๐ and narin like this
StraightUpVillian
New Member
Well... Photoshop really hates me so I made the decision to be friends with coding. Tarot-Card [nospaces] [attr="class","tarot_card"] [attr="class","tarot_inner"] [attr="class","tarot_front"] [attr="class","tarot_back"] - Death - The Death tarot card is often misunderstood and feared, primarily due to its name. However, in the upright position, this card signifies not physical death but rather a profound transformation. It represents the end of a significant phase in your life that you recognize is no longer serving you. [googlefont=/fonts.googleapis.com/] [googlefont=Cinzel+Decorative:400,700,900|Fauna+One] [newclass=".tarot_card"]width: 250px; height:400px; perspective: 1000px; margin:auto;[/newclass] [newclass=".tarot_inner"]width:100%; height:100%; position:relative; transition: transform 0.8s; transform-style: preserve-3d; border-radius: 30px;[/newclass] [newclass=".tarot_front"]position: absolute; width: 100%; height: 100%; background: url('https://i.pinimg.com/originals/c6/ff/56/c6ff56cd46b9020b11d658bc926be96b.png'); background-size: cover; background-position: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 20px;[/newclass] [newclass=".tarot_back"]position: absolute; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; background-color: #181818; color: white; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: rotateY(180deg); border-radius: 20px;[/newclass] [newclass=".tarot_back div"]width:100%; max-height: 100%; margin: 10px auto; overflow: auto; color: #bbb; text-align:justify; font-family: "Fauna One", serif; font-size: 10pt;[/newclass] [newclass=".tarot_back span"]position:relative; color: #c9aa7c; font-family: "Cinzel Decorative", serif; font-size: 17pt;[/newclass] [newclass=".tarot_back span:before, .tarot_back span:after"]content:; position:absolute; height: 1px; background: white;[/newclass] [newclass=".tarot_card:hover .tarot_inner"]transform: rotateY(180deg);[/newclass] |
last edit on Oct 7, 2024 18:22:04 GMT by StraightUpVillian