Regarding the following code:
<html>
<style>
.img
{
max-width: 100%;
}
.Headerstyle
{
color:Black;
transition: transform .2s;
text-align: center;
margin-top: 80vh;
}
.Headerstyle:hover {
transform: scale(1.5);
transition: 0.2s;
}
.HeaderstyleBack
{
color:white;
transition: transform .2s;
text-align: center;
margin-top: 80vh;
}
.HeaderstyleBack:hover {
transform: scale(1.5);
transition: 0.2s;
}
.image1 {
padding: 10px;
transition: transform .2s;
}
.image2 {
padding: 10px;
transition: transform .2s;
}
.image1:hover {
#border: 4px solid green;
#border-radius: 15px;
transform: scale(1.5);
transition: 0.2s;
}
.image2:hover {
#border: 4px solid green;
#border-radius: 15px;
transform: scale(1.5);
transition: 0.2s;
}
.imageback1 {
padding: 10px;
transition: transform .2s;
}
.imageback2 {
padding: 10px;
transition: transform .2s;
}
.imageback1:hover {
#border: 4px solid green;
#border-radius: 15px;
transform: scale(1.5);
transition: 0.2s;
}
.imageback2:hover {
#border: 4px solid green;
#border-radius: 15px;
transform: scale(1.5);
transition: 0.2s;
}
.footer {
position: relative;
left: 0;
bottom: 0;
width: 100%;
background-color: ##0000ffff;
color: white;
text-align: center;
}
body {
border-style: solid;
border-width: 15px;
border-radius: 5px;
padding: 10px;
transition: 5s;
}
body {
margin: 0;
padding: 0;
animation: pulse 5s infinite;
}
.container {
position: relative;
width: 100%;
margin...
Greetings to all, I have multiple questions:
- The issue with logos overlapping the border remains unsolved. How can I resolve this for both front and back sides? The desired layout is shown in the image linked below. https://i.sstatic.net/YG88m.png
- The size change effect on the Stackoverflow logo does not occur when hovering over it on either side.
- How do I change the blue bar's color to white when transitioning to the back side?
https://i.sstatic.net/adTwD.png 4) What adjustments can be made to enhance the accuracy of the flip card movement? Currently, it flips too quickly even at the slightest mouse interaction with the body element.