css实现大屏效果的背景div

实现大屏效果的背景div, 效果如下:

• html

 <div class="box">1111111div>

• css

.box {width: 200px;height: 80px;background: linear-gradient(270deg, #00cda2, #00cda2) 0 0 no-repeat,linear-gradient(180deg, #00cda2, #00cda2) 0 0 no-repeat,linear-gradient(270deg, #00cda2, #00cda2) 100% 0 no-repeat,linear-gradient(180deg, #00cda2, #00cda2) 100% 0 no-repeat,linear-gradient(270deg, #00cda2, #00cda2) 0 100% no-repeat,linear-gradient(180deg, #00cda2, #00cda2) 0 100% no-repeat,linear-gradient(270deg, #00cda2, #00cda2) 100% 100% no-repeat,linear-gradient(270deg, #00cda2, #00cda2) 100% 100% no-repeat;box-shadow: inset 0 0 12px 0 rgba(82, 255, 226, 0.23);background-size: 2px 8px, 8px 2px, 2px 8px, 8px 2px;background-color: rgba(184, 36, 36, 0.45);border-color: rgba(64, 203, 144, 0.4);
}

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！