Pattern by elijahgummer
1.container { 2 width: 100%; 3 height: 100%; 4 background: linear-gradient( 5 45deg, 6 #3498db, 7 #2ecc71 8 ); /* Gradient background */ 9 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow for depth */ 10 border-radius: 10px; /* Rounded corners */ 11 position: relative; 12 overflow: hidden; 13} 14 15.container::before { 16 content: ""; 17 position: absolute; 18 width: 100%; 19 height: 100%; 20 background-image: linear-gradient( 21 90deg, 22 rgba(255, 255, 255, 0.1) 1px, 23 transparent 1px 24 ), 25 linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px); 26 background-size: 20px 20px; 27 pointer-events: none; /* Allow clicking through the pattern layer */ 28} 29
922 views
922 views
MIT License