Código de CSS - Simple Accordion effect CSS

Imágen de perfil
Val: 55
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Simple Accordion effect CSSgráfica de visualizaciones


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Febrero del 2020 por 2k
409 visualizaciones desde el 2 de Febrero del 2020
Simple Accordion effect CSS by 2K code

Un Accordion effect CSS muy simple...

Mejor con 2K max.

Requerimientos

Un navegador web y/o dispositivo compatible.

1.0
estrellaestrellaestrellaestrellaestrella(1)

Publicado el 2 de Febrero del 2020gráfica de visualizaciones de la versión: 1.0
410 visualizaciones desde el 2 de Febrero del 2020
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

accordion
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
 
<html>
<head>
<title>2K code</title>
<meta charset="utf-8" />
<meta name="author" content="2K code" />
<meta name="robots" content="noindex" />
<style>
#menu div {width:24px;height:480px;margin:2px;overflow:hidden;float:left;border:2px solid #D4D4D4;text-align:center;transition:all .4s ease;}
#menu div:focus {width:80%;height:480px;overflow:visible;outline:0;outline:none;}
</style>
</head>
<body>
<div id="menu">
<div tabindex="1"><b>1</b><p style="padding:24px">Sección 1</p></div>
<div tabindex="2"><b>2</b><p style="padding:24px">Sección 2</p></div>
<div tabindex="3"><b>3</b><p style="padding:24px">Sección 3</p></div>
<div tabindex="4"><b>4</b><p style="padding:24px">Sección 4</p></div>
</div>
</body>
</html>



Comentarios sobre la versión: 1.0 (1)

Imágen de perfil
3 de Febrero del 2020
estrellaestrellaestrellaestrellaestrella
Que simple!!!
Responder

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s5881