/*背景渐变*/
body {
background: linear-gradient(to bottom right, #00e4d0, #5983e8);
}
}
/*悬浮效果*/
a:hover {
transform: scale(1.1);
transition: all 0.3s ease-in-out;
}
/*图片遮罩*/
img {
position: relative;
}
img:hover:after {
content: "点击放大";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: rgba(0,0,0,0.5);
color: white;
border-radius: 5px;
padding: 10px;
}
/*边框虚线*/
input[type="text"], textarea {
border: 2px dashed #ccc;
outline: none;
}