1 .d-box {2 border-radius: 0.4rem;3 background-color: lightblue;4 overflow: hidden;5 margin: 0.4rem;6 box-shadow: 0 0 0 white;7 8 -webkit-transition: all 1s ease-in-out 0.5s;9 transition: all 1s ease-in-out 0.5s;10 }11 12 .d-box.expanded {13 box-shadow: 0 0 0.3rem black;14 }15 16 .d-box .d-body {17 max-height: 0;18 overflow: hidden;19 text-align: justify;20 21 -webkit-transition: all 0.5s ease-in-out;22 transition: all 0.5s ease-in-out;23 }24 25 .d-box .d-body img {26 max-width: 100%;27 }28 29 .d-box.expanded .d-body {30 max-height: 500px;31 }32 33 .d-margin {34 padding: 0.4rem;35 }36 37 .d-box .d-title {38 background-color: blue;39 border-radius: 0.4rem;40 padding: 0.4rem;41 }42 43 .d-box.expanded .d-title {44 border-bottom-right-radius: 0;45 border-bottom-left-radius: 0;46 }Enlace
El enlace para compartir es: