Как правильно изменить размер 3D логотипа?

Question

[Cosmonaut .]

Здравствуйте! помогите пожалуйста!


как правильно изменить размер логотипа 3D?

ссылка на оригинал логотип

.coin {
  position: relative;
  width: 245px;
  height: 245px;
  margin: 50px auto;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation: rotate3d 8s linear infinite;
          animation: rotate3d 8s linear infinite;
  transition: all .3s;
}

.coin__front,
.coin__back {
  position: absolute;
  width: 245px;
  height: 245px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #E8D0BB;
}
.coin__front:after,
.coin__back:after {
  content: "";
  position: absolute;
  left: -150px;
  bottom: 100%;
  display: block;
  height: 200px;
  width: 600px;
  background: #fff;
  opacity: 0.3;
  -webkit-animation: shine linear 4s infinite;
          animation: shine linear 4s infinite;
}

.coin__front {
  background-image: url("../../images/emblem.png");
  background-size: cover;
  -webkit-transform: translateZ(10px);
          transform: translateZ(10px);
}

.coin__back {
  background-image: url("../../images/emblem.png");
  background-size: cover;
  -webkit-transform: translateZ(-10px) rotateY(180deg);
          transform: translateZ(-10px) rotateY(180deg);
}

Comments

[AngReload]

На Firefox не видно ребра монеты.

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/YOEMQb?editors=1100
можно тоже самое сделать но scale ();