Ybooh: mudanças entre as edições

Edição das 17h02min de 4 de dezembro de 2023

Effect 1

Effect 2

Effect 3

Effect 4

Effect 5

Effect 6

   Effect 7

Hidden Panel

Effect 8

Effect 9

Effect 10

@@ Linha 1: / Linha 1: @@
-<div class="buttons">
+ <div class="element effect-1">Effect 1</div>
-   <h1>Simple hover effects with <code>box-shadow</code></h1>
+   <!-- Hover Effect 2 -->
-   <div class="fill">Fill In</div>
+  <div class="element effect-2">Effect 2</div>
-   <div class="pulse">Pulse</div>
+  <!-- Hover Effect 3 -->
-   <div class="close">Close</div>
+   <div class="element effect-3">Effect 3</div>
-   <div class="raise">Raise</div>
+   <!-- Hover Effect 4 -->
-   <div class="up">Fill Up</div>
+  <div class="element effect-4">
-   <div class="slide">Slide</div>
+    <div class="element-inner">Effect 4</div>
-   <div class="offset">Offset</div>
+  </div>
-</div>
+  <!-- Hover Effect 5 -->
+   <div class="element effect-5">Effect 5</div>
+  <!-- Hover Effect 6 -->
+   <div class="element effect-6">Effect 6</div>
+   <!-- Hover Effect 7 -->
+ <div class="element effect-7">
+    Effect 7
+    <div class="hidden-panel">Hidden Panel</div>
+  </div>
+  <!-- Hover Effect 8 -->
+   <div class="element effect-8">Effect 8</div>
+  <!-- Hover Effect 9 -->
+   <div class="element effect-9">Effect 9</div>
+  <!-- Hover Effect 10 -->
+  <div class="element effect-10">Effect 10</div>