ボタンを (with) CSS3 スタイル (グラデーション) で 90 度回転させ、絶対右:0px の位置に適用しようとしています。そのボタンは「私たちについて」です。
2つの問題があるようです。1 つ目は、ボタン要素が (私が望むように) 右端まで行かないことです。問題は、まだ 150px の幅を考慮している CSS3 の回転にあるようです。回転を無効にすると、要素は右の画面に完全に配置され、スペースが残されません。
また、Google Chrome では、「Kaj točno delam」ボタンにカーソルを合わせると、グラデーションが正しく適用されないことがわかりました。つまり、グラデーションが開始される前にボタンに 1 ピクセル (または 2) の黒いスペースがあることを意味します (左から右）-ただし、通常（水平）モードの場合、または右に回転している場合（テストした場合）、これは発生しません。また、Chrome 開発者ツールを使用して要素 :hover をトグルすると、それほど大きく表示されないため、これも奇妙です。
Internet Explorer を使用している場合、縦の [About us] ボタンは、一番上を押したときにのみ機能します (それ以外の場所では機能しません)。
この問題はすべて CSS3/HTML のバグが原因で発生するのでしょうか?
画像を使用せずにこれを行うためのより良い解決策はありますか? -おそらくjQueryなどを使用していますか？
ご協力ありがとうございました。