現在両横棒グラフを作成しておりまして,左に伸びる横棒グラフを作成したいのですがいまいち上手くいきません。アドバイスを頂けると幸いです。
<html> <head> <title>横棒グラフ</title> <style> .date1 { position: relative; left: 337px; background: #0c9; -moz-animation: anime1 1s 1 ease; -webkit-animation: anime1 1s 1 ease; animation: anime1 1s 1 ease; }.date2 {
background: #0cc;
-moz-animation: anime2 1s 1 ease;
-webkit-animation: anime2 1s 1 ease;
animation: anime2 1s 1 ease;
}
@-webkit-keyframes anime1 {
0% {
width: 0px;
}
}
@keyframes anime1 {
0% {
width: 0px;
}
}
<!-- ここで右に伸びる -->@-webkit-keyframes anime2 {
0% {
width: 0px;
}
}
@keyframes anime2 {
0% {
width: 0px;
}
}
</style>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。