Fork
0
Fav
2
View
10425
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 11 lines
  • CSS 34 lines
リストのマーカーを三角にしたい時に、三角の画像を使うサンプルがよくあるが、
画像を用意しなくてもできるようにしたかったので、CSSだけで三角マーカーのリストを実装してみた。

三角マーカーはborderのスタイルで作成
マーカーの大きさや表示位置はem単位での調整なので、フォントサイズに合わせて変わる

CSS擬似要素のBeforeを使っているのでIE8以下は未対応
  • 画像を使わない三角マーカーのリスト
  • 画像を使わない三角マーカーのリスト

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by