Breaking News: Grepper is joining You.com. Read the official announcement!

css shrink to the left

Jakin687 answered on November 6, 2022 Popularity 2/10 Helpfulness 1/10

answer css shrink to the left

css shrink to the left

Comment

By default the transform-origin is 50% 50%
-> first value x-offset
-> second value y-offset

Example:
+------------------------+
|            \           |
|             +----------+
|             |   box    |
|             +----------+
|            /           |
+------------------------+

.box {
  float: right;
  background-color: gray;
  width: 100%;
  height: 100px;
  line-height: 100px;
  animation: main 3s;
  transform-origin: 100% 50%;
}

@keyframes main {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

Popularity 2/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: css shrink

Link to this answer
Share Copy Link