Hi, you can achieve the shadow with the same elements from the first example, just put this to the speech-bubble:
speech-bubble
.speech-bubble { filter: drop-shadow(6px 4px 0px rgba(0, 0, 0, 0.2)); border: 1px solid black; }
And this to the ::after:
::after
.speech-bubble::after { bottom: -19px; filter: drop-shadow(1px 2px 0 black); }
Hi, thanks for the tip! That also works well and simplifies code.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hi, you can achieve the shadow with the same elements from the first example, just put this to the
speech-bubble:And this to the
::after:Hi, thanks for the tip! That also works well and simplifies code.