最終的にdivからcenterをカバーする背景色の遷移を作る方法は？

Question

私はCSSの移行に慣れていないので、最終的にdivをその中心にカバーするようなバックグラウンドカラーの移行方法を知りたいと思います。それはあらゆる方向から、または2つの上部コーナーからのようなものです。私はiOSアプリで一度見ましたが、CSSで可能かどうかわかりません。

Answer 1

ようこそStackExchange！

今後、お使いのコードの例とその問題を完全に説明してください。予期せぬ動作をしましたか？どうやって？どこが間違っていたのですか？

はい、さまざまな点でCSSで可能です。このいずれかの

http://codepen.io/anon/pen/XKzWaa

コード：

.box{ 
position:absolute; 
    left:0; 
    top:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    text-align:center; 
    box-shadow:0 0 0 0 black inset; 
    transition: 1s; 
} 

#clicker:checked ~ .box{ 
    box-shadow:0 0 1px 50vmin black inset; 
    transition:0.5s; 
} 

---

http://codepen.io/anon/pen/qNVBVY

コードをこの1のために：ここではあなたに説明されて何をすべきか2種類の方法を示したカップルの例です

.box .inner{ 
    height:100%; 
    width:100%; 
    z-index:2; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:0; 
    background-color:black; 
    transition:0.5s; 
} 


#clicker:checked ~ .box .inner{ 
    height:0%; 
    width:0%; 
    z-index:2; 
    position:absolute; 
    top:50%; 
    left:50%; 
    right:0; 
    bottom:0; 
    margin:0; 
    background-color:black; 
}