タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

memoに関するshishikabaのブックマーク (1)

  • こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック

    ただし、このCSSでは破線や点線の大きさや長さをコントロールできません。また、ボーダーに傾斜やフェードやアニメーションを与えることもできません。 しかし、いくつかのテクニックを使用することで、それが実現できます! Amit Sheenが作成したDashed Border Generatorで簡単に実現できます。 See the Pen Dashed Border Generator by Amit Sheen (@amitsheen) on CodePen. このテクニックのポイントは4つの背景(background)を使用することです。backgroundプロパティはカンマ区切りの値を取るため、4つの背景(上下左右に沿って1つずつ)を設定し、それらをボーダーのようにサイズ変更することで、borderプロパティの制約を解除することができます。 ジェネーターで自分好みのボーダーを簡単に作成で

    こんなことができるんだ!CSSのボーダーを破線や点線にするスタイルシートのテクニック
  • 1