1 #frame {2 position: absolute;3 width: 200px;4 height: 300px;5 border: solid black 1px;6 overflow: hidden;7 }8 9 .card {10 position: absolute;11 border: solid red 1px;12 top: 0;13 left: 0;14 right: 0;15 bottom: 0;16 }17 18 #lista ul {19 display: block;20 margin: 0;21 padding: 0;22 list-style-type: none;23 }24 25 #lista li {26 display: block;27 padding: 5px;28 border: solid orange 1px;29 }30 31 #lista li:hover {32 background-color: #F4F4F4;33 cursor: pointer;34 }35 36 .card {37 transition: -webkit-transform 1s ease;38 background: white;39 -webkit-transform: translateX(100%);40 }41 42 .card.visible {43 -webkit-transform: translateX(0);44 }45 Enlace
El enlace para compartir es: