Overlay tip

This commit is contained in:
andy 2023-01-26 17:52:04 +01:00 committed by Andrés Moya
parent 5bce70aead
commit a930d049ec
2 changed files with 2 additions and 0 deletions

BIN
img/overlay-toggle.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

View File

@ -66,6 +66,8 @@ title: 11· Prototyping
<li>Close when clicking outside: the overlay is closed if the user clicks outside its area.</li>
<li>Add background overlay: a black background with 20% opacity is added.</li>
</ul>
<p class="advice">TIP: You can select to open the overlay relative to the element that triggers it. This is perfect for hover effects.</p>
<p><img src="/img/overlay-toggle.gif" alt="prototyping" /></p>
<h4 id="prototyping-actions-overlay-toggle">Toggle overlay</h4>
<p>It opens an overlay if it is not already opened or closes it if it is already opened.</p>