-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpatterns.html
21 lines (21 loc) · 1.77 KB
/
patterns.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<p>Pattern CSS from <a href="https://uiverse.io/">uiverse</a></p>
<p>Gradient from <a href="https://cssgradient.io/gradient-backgrounds/">Gradient Backgrounds – 🌈 The Best Gradient Sites All in One Place</a></p>
<div style="width: 100%; height: 100%; background: repeating-radial-gradient(circle at 50%, #1a85e9, #68b7e6 1em, white 1em, white 2em);">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div style="width: 100%; height: 100%; background: repeating-radial-gradient( #D73F09 55%, white 56%); padding: 25px;">
<p><span style="font-size: 36pt; color: #000000;"><strong>Lorem ipsum dolor sit amet, pri magna noster melius cu, legimus argumentum at eos. No nostrud numquam duo, quando ignota sensibus mei in, malis percipit sea an. Sit no quot exerci denique, eu nec harum feugiat, apeirian indoctum vituperata ne nec. Qui putent putant intellegam id. Pro at pertinacia reformidans.</strong></span></p>
</div>
<div style="width: 100%; height: 100%; background: repeating-radial-gradient( #D73F09 55%, white 56%); padding: 25px margin: 25px 0 25px 0;">
<p><span style="font-size: 96pt; color: #ffffff;"><strong>OSU</strong></span></p>
</div>
<div style="width: 100%; height: 100%; background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); padding: 25px; margin: 25px 0 25px 0;">
<p><span style="font-size: 36pt; color: #fff;"><strong>Lorem ipsum dolor sit amet, pri magna noster melius cu, legimus argumentum at eos. No nostrud numquam duo, quando ignota sensibus mei in, malis percipit sea an. Sit no quot exerci denique, eu nec harum feugiat, apeirian indoctum vituperata ne nec. Qui putent putant intellegam id. Pro at pertinacia reformidans. </strong></span></p>
</div>