微信满屏特效代码

微信满屏特效代码

微信满屏特效代码：``` * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } .bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-image: url(img/bg.jpg); background-size: cover; } .main { position: absolute; left: 50%; top: 50%; width: 600px; height: 400px; margin-left: -300px; margin-top: -200px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }```拓展：当实现了微信满屏特效后，需要添加相应的文字及图片内容来使其更加美观，此时可以在.main中添加相应的标签，并定义其中的样式：``` 标题 文字内容
```另外，还可以添加一些交互效果，例如悬浮效果、跳转链接等等，来让用户体验更加棒。2022-12-27