1

私は通知システムに取り組んでおり、通知を右下隅から開始してから右上隅まで積み上げたいと考えています。それ、どうやったら出来るの？画面の下部から強制的に開始するにはどうすればよいですか？

コード: http://jsfiddle.net/2TdCx/

現在の CSS:

#notifications {
width: 280px;
right: 0;
bottom: 0;
float: right;
position: fixed;
z-index: 9999;
height: 100%;
top: 40px;
margin-right: 3.5px;
}

.notification {
font-size: 12px;
width: 270px;
min-height: 20px;
background: #000;
color: #FFF;
border-radius: 6px;
padding-left: 10px;
padding-top: 2.5px;
padding-bottom: 2.5px;
margin-top: 10px;
opacity: 0.8;
}
4

2 に答える 2

4

私が考えることができる唯一の方法は、CSS3 を使用してコンテナーと項目自体rotate transformを垂直方向に反転することです。

jsFiddle デモ

#notifications, .notification {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
         -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
于 2013-09-23T18:45:15.220 に答える