This is my first forum post. I’m excited to have my first technical question!
I am designing - let’s call it, for simplicity’s sake - an online comic book. I need to add the speech bubbles, which should appear to come from the speaker. I have seen posts online about creating arrows using pseudo-classes (e.g., :before, :after). However, I don’t believe that pseudo-classes are supported on Webflow.
First question, can this “arrow” be created using Webflow styling alone?
Second, a request for feedback on a possible solution:
- create an arrow image in Figma (svg file)
- add it to a div (class: “bubble”) containing a div with text (class: “bubble-text”)
- set the parent div (“bubble”) to relative positioning
- use absolute positioning and z-index to place the arrow image relative to the text div (“bubble-text”).
Thanks in advance for any feedback!