分享一段CSS样式代码

代码来自discuz X5.0 模板中

分享一段CSS样式代码

1. /*自行行替换 portal-container 使用*/
   
2. .portal-container::before {
   
3.   content:'';
   
4.   position:absolute;
   
5.   top:0;
   
6.   left:0;
   
7.   z-index: 9999999;
   
8.   right:0;
   
9.   height:20px;
   
10.   background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2400 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='waveGrad' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%231E90FF'/%3E%3Cstop offset='50%25' style='stop-color:%2300CED1'/%3E%3Cstop offset='100%25' style='stop-color:%231E90FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0,50 C200,20 400,80 600,50 C800,20 1000,80 1200,50 C1400,20 1600,80 1800,50 C2000,20 2200,80 2400,50 L2400,0 L0,0 Z' fill='url(%23waveGrad)'/%3E%3C/svg%3E") repeat-x;
    
11.   background-size:600px 20px;
    
12.   animation:wave-flow 10s linear infinite;
    
13. }
    
14. @keyframes wave-flow {
    
15.   0% {
    
16.     background-position-x:0;
    
17.   }
    
18.   100% {
    
19.     background-position-x:600px;
    
20.   }
    
21. }

复制代码