Neumorphism Glassmorphism Card
Cards · @dylanharriscameron
- GPU-friendly
- No JS
- Reduced-motion ready
A pure-CSS animated card, animating only GPU-friendly properties. Created by Jarol20cb on Uiverse.io.
Created by @Jarol20cb on Uiverse.io · MIT License · View original →
<!-- "Console Card" by Jarol20cb on Uiverse.io · MIT License · https://uiverse.io/Jarol20cb/sour-jellyfish-99 -->
<div id="card" class="card">
<div class="content">
<div class="card-body">
<div class="code-container float-animation">
<span class="line"><span class="code-comment">// Código de ejemplo</span></span>
<span class="line"><span class="code-keyword">function</span> <span class="code-function">example</span>()</span>
<span class="line">{</span>
<span class="line indent"><span class="code-keyword">let</span> <span class="code-variable">message</span> = <span class="code-string">"Hello, World!"</span>;</span>
<span class="line indent"><span class="code-built-in">console</span>.<span class="code-method">log</span>(<span class="code-variable">message</span>);</span>
<span class="line">}</span>
</div>
</div>
</div>
</div>
Cards · @dylanharriscameron
Cards · @Yaya12085
Cards · @ahmedgamal-hub
Cards · @Saad3092003
Cards · @Saad3092003
Cards · @csozidev