私は、上から下に次々と通知が積み重ねられているようなものを持っています。以下の画像には、3 つの通知が表示されています。閉じるボタンをクリックするcollapsedと、それぞれのボックスにクラスが適用され、x 軸を 90 度回転させ、css3 トランジションで高さを 0 に減らす必要があります。
私の問題を示すために、中央のボックスの回転を 45 度にしました。ご覧のとおり、ボックスは回転していないときと同じ高さになっているように見えるため、上部のボックスと下部のボックスはその位置にとどまります。回転角度に合わせて動かしてほしい。
どうすればうまく作れますか？
