Delineado de letras con css

Delinear letras con css

Solo copia y pega...

-webkit-text-stroke-width: 1px;

-webkit-text-stroke-color: #000000;

color: white; 

Scroll behavior smooth

Habilitar scroll behavior smooth en Google Chrome

Para trabajar a la par con VSC y que nos muestre lo que hacemos, tenemos que habilitar esta opción en GChrome desde chrome://flags/

CSS - Flip Card

Voltea la tarjeta al hacer clic sobre ella...

<!------ FLIP-CARD 2------>

            <div class="scene scene--card">

                <input id="card" type="checkbox">

                <label for="card">

                    <div class="card">

                    <div class="card_face card_face--front">front</div>

                    <div class="card_face card_face--back">back</div>

                    </div>

                </label>

            </div> 

VSC - Sticky scroll

Modificar Sticky Scroll en Visual Studio Code

Visual Studio Code

 En el apartado de settings y escribimos sticky para ver las opciones.

HTML5 - Menu con submenu

 Menu con submenu

HTML5

<!-- MENU CON SUBMENU - NAVEGACION -->  

    <div id="navegacion">

        <ul class="nav"

HTML5 - Cajas con estilo grid

Cajas con estilo grid

HTML5

<!-- CAJAS GRID -->

    <div class="boxes">

        <div class="box-1">#1</div>

        <div class="box-1">#2</div>

        <div class="box-1">#3</div>

        <div class="box-1">#4</div>

    </div>

CSS3

Menú lateral con funcion para ver contenido

HTML5

<!-- SECTION BOTONES TREN -->

 Galeria Lightbox

Código HTML5 CSS & JAVASCRIPT

Esta demasiado bueno para ser cierto.

HTML5

<!-- LIGHTBOX IMAGENES Y VIDEOS -->

    <div class="container">

        <div class="gallery">

            <!-- Image Items -->

VSC - mostrar menu completo

 Mostrar menú lateral completo en vsc

En el área de busqueda, escribir sticky y aparecera Workbrench - Tree enable sticky scroll.

HTML5 - Menú lateral

Sitio web con Menú lateral

CÓDIGO HTML5

SLIDER CON BOTONES LATERALES Y DE LOCALIZACION.

 CODIGO HTML