0

問題はCSS3-webkit-keyframesと-webkit-box-alignプロパティに関するものです。

詳細については、 http： //codepen.io/pleasureswx123/pen/fljFHにアクセスしてください。

/* css code */   
<style>
    .box {
        display:-webkit-box;
        width:200px;
        height:200px;
        border:1px solid lightblue;
        margin:0 auto;`enter code here`
        -webkit-box-align:end;
        -webkit-box-pack:center;
    }
    .inner {
        background:red;
        width:50%;
    }
    .box:hover {
        -webkit-animation:boxalign ease-in 1s infinite;
    }
    /*following don't work*/
    @-webkit-keyframes boxalign {
        0%   { -webkit-box-align : end }
        100% { -webkit-box-align : start }
    }
    </style>
   /* html code */   
    <div class="box">
       <div class="inner">safd</div>
    </div>

CSS3はプロパティ-webkit-keyframesをサポートしていますか？-webkit-box-alignデモに変更がないのはなぜですか？

4

1 に答える 1

0

これを確認してください：https ：//developer.mozilla.org/en-US/docs/CSS/box-align

このページの最後に「ブラウザの互換性」があり、chromeはbox-alignをサポートしていません。

于 2013-03-26T10:46:11.423 に答える