CSSでフローチャートのような丸と矢印の実装
こういう図形をCSSで書きたいのですが、どうググってよいのか分からず困っています。
〇を表示するのは疑似要素で結構みるのですがその上に矢印をのせるということはできるのでしょうか。
また、レスポンシブにした時は縦にするつもりなので、縦バージョンも教えていただけると助かります。
0
1Answer
このような感じでどうでしょうか？
レスポンシブのコードは書けていませんが、メディアクエリにあわせてposition指定を変えるくらいでできると思います！
See the Pen bGpowog by Keisuke Watanuki (@xrxoxcxox) on CodePen.
3Like
Comments
@manabuQiita
Questioner
お返事遅れましたがありがとうございました！
ご教示頂いた方法で実装できそうです。