私が達成したいことはここにあります: http://www.ppp-templates.de/tilability/ ..矢印があるはずのスライダーの近くに左右の三角形が表示されます...
現在、白い背景http://teothemes.com/wp/で div をここに設定しています。あのサイトでは背景画像を使っていたのですが、CSSでやりたいです
フッターの三角形については、ここに関連するものがあります。白い背景画像のある div に透明な背景を持つ CSS 三角形を作成しますか?
私も同じことをしようとしましたが、うまくいきませんでした..
どんな助けでも大歓迎です。
最初にできることは、Web サイトの背景と同じ背景を持つ 2 つの正方形を作成し、ベンダー プレフィックス45degを使用してそれらを回転させることです。transform: rotate(45deg)次に、コンテンツ divoverflowをに設定しhiddenます。
私が作成したこのようなもの: http://cssdeck.com/labs/hggee4eg
ここでプロセスを説明するのは非常に難しいことがわかったので、これを達成するために必要な各ステップを実行するフィドルを作成し、それぞれに小さな凡例を付けました。
これがフィドルです - http://jsfiddle.net/NXmge/3/
編集 - 質問を誤解しました。実際の問題の解決策は次のとおりです。http://jsfiddle.net/joplomacedo/UJyAY/
前のフィドルは、2 番目のフィドルで何をしたかを理解するのに役立つため、依然として有用です。また、私が行ったことの一般的な説明を直接含めることができるようになり次第、回答を更新します。
達成したいクロスブラウザー互換性の種類に応じて、要素を 45 度回転できるようにするいくつかの異なる CSS3 タイプのオプションがあります。
ただし、リンク先の例では、グラフィックスが既に配置された 1 つの大きな背景画像を使用しているだけです。コンテナの背景として設定する以外に、CSS を使用しても何も達成できません。