torsten/harheimertc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace external Unsplash image with CSS dot pattern

Browse Source
This commit is contained in:
Torsten Schulz (local)
2025-10-21 09:20:20 +02:00
parent f6486fc27b
commit 43e6b05144
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Hero.vue
View File

@@ -4,10 +4,8 @@
<div class="absolute inset-0 z-0"> <div class="absolute inset-0 z-0">
<div class="absolute top-0 right-0 w-96 h-96 bg-primary-200/30 rounded-full blur-3xl" /> <div class="absolute top-0 right-0 w-96 h-96 bg-primary-200/30 rounded-full blur-3xl" />
<div class="absolute bottom-0 left-0 w-96 h-96 bg-gray-300/30 rounded-full blur-3xl" /> <div class="absolute bottom-0 left-0 w-96 h-96 bg-gray-300/30 rounded-full blur-3xl" />
<div <!-- Subtiles Rastermuster als Hintergrund -->
class="absolute inset-0 opacity-5" <div class="absolute inset-0 opacity-5" style="background-image: radial-gradient(circle, #dc2626 1px, transparent 1px); background-size: 20px 20px;" />
style="background-image: url('https://images.unsplash.com/photo-1609710228159-0fa9bd7c0827?q=80&w=2070'); background-size: cover; background-position: center;"
/>
</div> </div>
<!-- Content --> <!-- Content -->