6
Tengo un div que se parece a un globo de diálogo. El div principal es la burbuja y el: antes es la flecha. Lo que quiero hacer es cuando transfiera :hover
el DIV en CSS, también cambiará el :before
.Cambio: antes de cuándo: desplácese sobre la DIV principal?
Aquí está mi código:
.sidebar_image_box_newsfeed_user_info_comments { color: #ffffff; background-color: #2f2f2e; text-decoration: none; -webkit-transition-property: background-color, color, text-decoration; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; }
.sidebar_image_box_newsfeed_user_info_comments:hover { background-color: #3b3b3b; color: #f3f3f3; text-decoration: underline; }
.sidebar_image_box_newsfeed_user_info_comments:before { content:""; position:absolute; bottom:-6px; right:0; border-width:0 0 6px 6px; border-style:solid; border-color:transparent #2f2f2e; text-decoration: none; -webkit-transition-property: background-color, color, text-decoration; -webkit-transition-duration: 0.5s, 0.5s, 0.5s; }
Expandiendo la respuesta de alex, puede reemplazar "Soy nuevo" con url (imagen) para una imagen – robx
no lo sabía ... muchas gracias –