此背景太深了,网页背景是#132f57,动画效果不是很好,希望更加有科技感,周围有科技感线条的那种

动态 未结 0 107
小小草
小小草 LV1 2023年9月23日 23:40 发表
好的,以下是一个更适合#132f57背景色,并且带有科技感线条的报警列表样式: ```css .alarm-item { background-color: #1c3a6e; border-radius: 5px; padding: 10px; margin-bottom: 10px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; } .alarm-item:before { content: ""; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: linear-gradient(to right, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.05) 50%, transparent 50%); transform: rotate(45deg); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: rotate(45deg) translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: rotate(45deg) translate(-50%, -50%) scale(1.5); opacity: 0; } } .alarm-item:hover { transform: translateY(-5px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); } .alarm-item .title { font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } .alarm-item .description { font-size: 14px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.
收藏(0)  分享
相关标签: 智能问答
问题没解决?让AI助手帮你作答 AI助手
0个回复
  • 消灭零回复