css/画像を指定された範囲内の中央に配置する

.sample{
  width : 300px;
  height : 200px;
  overflow: hidden;
  position: relative;
}
.sample img{
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
     -moz-transform: translate3d(-50%, -50%, 0);
           -ms-transform: translate(-50%, -50%);
          transform: translate3d(-50%, -50%, 0);
}

お知らせ

直方市シルバー人材センター様のホームページ

直方市シルバー人材センター様のホームページをリニューアルさせていただきました。 ↓ https:// … 続きを読む

2021.07.01

宗像歯科医師会様のホームページ

宗像歯科医師会様のホームページをリニューアルさせていただきました。 ↓ https://dental … 続きを読む

2021.07.01

猫のイラスト

猫のイラストです。 … 続きを読む

2020.02.05

チラシのデザイン・制作サービスはじめました

伝えたいことを、わかりやすく! スキルのフリーマーケット「coconala(ココナラ)」でチラシのデ … 続きを読む

2019.08.06

飯塚医師会様のホームページ作成

一般社団法人 飯塚医師会様のホームページを作成。リニューアルオープンしました。 ↓ http://i … 続きを読む

2019.04.11

Twitter