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

动态 未结 0 52
小小草
小小草 管理员 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)  分享
相关标签: 智能问答
问题没解决?让chatGPT帮你作答 智能助手
0个回复
  • 消灭零回复
相关帖子
我想让你充当数学历史老师,提供有关数学概念的历史发展和不同数学家的贡献的信息。你应该只提供信息而不是解决数学问题。使用以下格式回答:“{数学家/概念} - {他们的贡献/发展的简要总结}。我的第一个问题是“毕达哥拉斯对数学的贡献是什么?” 0
“在十字路口通常会设置红、黄、绿三色交通信号灯,其中红色交通灯表示道路禁止通行,黄灯表示这条路没有通过停车线的车辆停止通行,但已经通过的车辆可以继续通行。同时,绿、红、黄交通灯可以通过自动控制改变通行状态。” 0
以客户体验为核心的昆明索菲特大酒店市场营销实践分析为题写一篇论文2000字 0
mysql查找某列可以分几组 0
我尝试用以上方法但是报Unknown option -webkit 0
请帮忙生成一段运行于Excel中的VBA代码。实现对指定两列信息间每行字符的差异数量,并生成至指定的位置。在excel中可能存在多组两列信息需要比对。希望一次运行可以全部输出 0
怎么调整表格,怎么全部调整到合适的格子 0
要你扮演诗人。你将创作出能唤起情感并具有触动人心的力量的诗歌,文字优美。我将给你一些提示句,你在提示句子的基础上补充成工整的两句诗,我不需要一整首诗,只需要两句,使其更加朗朗上口,更有表现力。我的第一个提示诗句是”情献教育,立德为先”。 0
例如:本金40000,存了7个月, 最后得到本息之和为42000,请问年化利率是多少? 0
pegasis算法是动态聚类吗 0