css で作る矢印

shiogumar

License: MIT License

Fork
0
Fav
2
View
135
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 42 lines
  • CSS 241 lines
1em サイズの矢印を作るちょっとした CSS です!

何らかの理由でフォントを使わずに矢印を使いたい方に。

要素のクラスに allow を入れることで、左から右への矢印が作れます。

クラス名に from-○○ で始点を、または to-○○ で終点を指定するとその方向の直線矢印になります。
from-○○ と to-○○ の両方を指定すると、カーブさせたりUターンさせたりできます。

指定できる方向は、 top , right , bottom , left です。

また、 dotted をつければ点線に、 dashed をつければ破線にすることができます。

文字と同様にフォントサイズの変更で矢印の大きさを、文字色の変更で矢印の色を変えられます。

CSS ごと組み込んで使用することを想定して作っています。
  • css で作る矢印
  • css で作る矢印

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

shiogumar

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by