project css
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full h-auto rounded-xl border border-white dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
/>
Project ini dibuat sebagai latihan setelah menyelesaikan materi CSS untuk Pemula di SantriKoding. Project ini menerapkan konsep dasar CSS seperti pengaturan warna, tipografi, margin, padding, border-radius, box-shadow, dan efek hover untuk menghasilkan tampilan halaman yang lebih menarik dan responsif.
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-30 h-30 rounded-full object-cover p-1 border-2 border-neutral-200 dark:border-neutral-600 shadow-sm mx-auto transition-opacity duration-500 cursor-zoom-in"
loading="lazy"
x-data
@click="
window.dispatchEvent(new CustomEvent('open-avatar-zoom', {
detail: {
src: $el.currentSrc || $el.src,
alt: $el.alt,
}
}))
"
/>
devan carlozzz
back end developer dan database
{ setTimeout(() => { showShimmer = false; }, 300); })"
:class="{'opacity-0': !loaded, 'opacity-100': loaded}"
class="lazy w-full object-cover rounded-xl border border-white dark:border dark:border-neutral-700/80 transition-opacity duration-500"
loading="lazy"
width="1410"
height="2250"
/>