wip
This commit is contained in:
@@ -22,12 +22,6 @@ const colorClass = getColorClass(tag);
|
||||
|
||||
<span class={`highlighter-tag ${colorClass} ${className} inline-block text-xs font-bold px-2.5 py-1 rounded cursor-pointer transition-all duration-200 relative overflow-hidden group`} data-tag={tag}>
|
||||
<span class="relative z-10">{tag}</span>
|
||||
|
||||
<!-- Subtle underline animation -->
|
||||
<span class="absolute bottom-0 left-0 w-0 h-0.5 bg-current transition-all duration-300 group-hover:w-full opacity-50"></span>
|
||||
|
||||
<!-- Micro-interaction: small dot that appears on hover -->
|
||||
<span class="absolute top-1/2 left-1/2 w-0 h-0 bg-white/30 rounded-full transform -translate-x-1/2 -translate-y-1/2 transition-all duration-300 group-hover:w-1 group-hover:h-1"></span>
|
||||
</span>
|
||||
|
||||
<style>
|
||||
|
||||
Reference in New Issue
Block a user