@Richard2957
Posted
Try adding some code like this:
body::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; width: 100%; height: 100%; background: url("./design/desktop-design.jpg") no-repeat; opacity: 0.3; z-index: -1; animation: myanim 1s alternate infinite ease; }
@keyframes myanim {
100% {
opacity: .9;
}
}
body>* { opacity: 0.35; }
This will put a copy of the design in the background. You might need to adjust the opacity numbers a bit depending on what you're doing. The animation is to help distinguish 'your' website from the 'design'.
Hope that helps
Marked as helpful