html - 変更方法 :nth 要素の背景サイズ

Question

この例の写真のサイズを変更するにはどうすればよいですかhttp://codepen.io/anon/pen/IDKAo私はこの効果でフォト ギャラリーを作成しています。写真のサイズを変更する必要があります。それはかなり複雑なcssなので、できない場合は理解しています。

Answer 1

.icon クラスでサイズを変更できます。今は 50*50 です ... 写真はリストにあります ( < ul > < li > < /li >< li >< /li >< /ul >) 写真のサイズを変更する場合は、幅を変更する必要があります.container クラスも。...写真に示すようにf12を押すだけで、クロムのcssコードを見つけることができます...

Answer 2

これは既存のコードです

.icon {
  background:url(http://lorempixel.com/50/50/nature/1);
  display:inline-block;
  height:50px;
  width:50px;  
}

高さと幅の代わりに、たとえば次のような値を指定します。

 height:80px;
 width:80px; 

Answer 3

.icon {
  background:url(http://lorempixel.com/50/50/nature/1);
  display:inline-block;
  height:60px;
  width:60px;  
}

これをチェックすると、画像のサイズが大きくなります