|
107 | 107 | border-image: linear-gradient(to bottom right, #B827FC 0%, #2C90FC 25%, #B8FD33 50%, #FEC837 75%, #FD1892 100%);
|
108 | 108 | border-image-slice: 1;
|
109 | 109 | animation: rainbow 10s infinite;
|
110 |
| - -webkit-animation-duration: 10s; |
111 |
| - -webkit-animation-name: rainbow; |
112 |
| - -webkit-animation-iteration-count: infinite; |
113 |
| - -webkit-animation-timing-function: linear; |
114 |
| - |
115 | 110 | }
|
116 | 111 | @keyframes rainbow {
|
117 | 112 | 0% { border-image: linear-gradient(to bottom right, #B827FC 0%, #2C90FC 25%, #B8FD33 50%, #FEC837 75%, #FD1892 100%);
|
|
134 | 129 | }
|
135 | 130 | }
|
136 | 131 |
|
137 |
| -@-webkit-keyframes rainbow { |
138 |
| - 0% { border-image: -webkit-linear-gradient(to bottom right, #B827FC 0%, #2C90FC 25%, #B8FD33 50%, #FEC837 75%, #FD1892 100%); |
139 |
| - border-image-slice: 1; |
140 |
| - } |
141 |
| - 20% { border-image: -webkit-linear-gradient(to bottom right, #2C90FC 0%, #B8FD33 25%, #FEC837 50%, #FD1892 75%, #B827FC 100%); |
142 |
| - border-image-slice: 1; |
143 |
| - } |
144 |
| - 40% { border-image: -webkit-linear-gradient(to bottom right, #B8FD33 0%, #FEC837 25%, #FD1892 50%, #B827FC 75%, #2C90FC 100%); |
145 |
| - border-image-slice: 1; |
146 |
| - } |
147 |
| - 60% { border-image: -webkit-linear-gradient(to bottom right, #FEC837 0%, #FD1892 25%, #B827FC 50%, #2C90FC 75%, #B8FD33 100%); |
148 |
| - border-image-slice: 1; |
149 |
| - } |
150 |
| - 80% { border-image: -webkit-linear-gradient(to bottom right, #FD1892 0%, #B827FC 25%, #2C90FC 50%, #B8FD33 75%, #FEC837 100%); |
151 |
| - border-image-slice: 1; |
152 |
| - } |
153 |
| - 100% { border-image: -webkit-linear-gradient(to bottom right, #B827FC 0%, #2C90FC 25%, #B8FD33 50%, #FEC837 75%, #FD1892 100%); |
154 |
| - border-image-slice: 1; |
155 |
| - } |
156 |
| -} |
157 |
| - |
158 | 132 | .border-default {
|
159 | 133 | border-width: 1px;
|
160 | 134 | border-style: solid;
|
|
0 commit comments