Css

<div class='parent'>
  <div class='child'></div>
</div>
.parent {
  width: 400px;
  height: 400px;
  background-color: blue;
}
.child {
  width: 50%;
  height: 50%;
  background-color: red;
  transition: transform 3s ease-in-out 3s;
  */transition: transform 3s linear 3s;*/
  */transition: transform 3s cubic-bezier(0.7,0.4,0.66,1.71) 3s; this we get in code inspect*/
}
.parent:hover .child {
  background-color: green;
  transform: translateX(100%);
}
<div class='parent'>
  <div class='child'></div>
</div>

.parent {
  width: 400px;
  height: 400px;
  background-color: blue;
}
.child {
  width: 50%;
  height: 50%;
  background-color: red;
  animation: left-to-right 1s ease-in forwards infinite alternate;
}
.parent:hover .child {
  /*animation: left-to-right 1s ease-in forwards 3 alternate 3s;*/
  animation-play-state: paused;
}
@keyframes left-to-right {
  0 {
    transform: translateX(0);
    background-color: red;
  }
 33% {
    transform: translateY(100%);
  }
  50% {
     background-color: blue;
  }
  66% {
    transform: translateX(100%) translateY(100%);
  }
  100% {
    transform: translateX(100%);
     background-color: green;
  }
}
p {
  animation: translate-down 1s infinite alternate linear;
}
@keyframes margin-down {
  from {
    margin-top: 0;
  }
  to {
    margin-top: 30px;
  }
}
@keyframes margin-down {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(300px);
  }
}

Similiar Collections

Python strftime reference pandas.Period.strftime python - Formatting Quarter time in pandas columns - Stack Overflow python - Pandas: Change day - Stack Overflow python - Check if multiple columns exist in a df - Stack Overflow Pandas DataFrame apply() - sending arguments examples python - How to filter a dataframe of dates by a particular month/day? - Stack Overflow python - replace a value in the entire pandas data frame - Stack Overflow python - Replacing blank values (white space) with NaN in pandas - Stack Overflow python - get list from pandas dataframe column - Stack Overflow python - How to drop rows of Pandas DataFrame whose value in a certain column is NaN - Stack Overflow python - How to drop rows of Pandas DataFrame whose value in a certain column is NaN - Stack Overflow python - How to lowercase a pandas dataframe string column if it has missing values? - Stack Overflow How to Convert Integers to Strings in Pandas DataFrame - Data to Fish How to Convert Integers to Strings in Pandas DataFrame - Data to Fish create a dictionary of two pandas Dataframe columns? - Stack Overflow python - ValueError: No axis named node2 for object type <class 'pandas.core.frame.DataFrame'> - Stack Overflow Python Pandas iterate over rows and access column names - Stack Overflow python - Creating dataframe from a dictionary where entries have different lengths - Stack Overflow python - Deleting DataFrame row in Pandas based on column value - Stack Overflow python - How to check if a column exists in Pandas - Stack Overflow python - Import pandas dataframe column as string not int - Stack Overflow python - What is the most efficient way to create a dictionary of two pandas Dataframe columns? - Stack Overflow Python Loop through Excel sheets, place into one df - Stack Overflow python - How do I get the row count of a Pandas DataFrame? - Stack Overflow python - How to save a new sheet in an existing excel file, using Pandas? - Stack Overflow Python Loop through Excel sheets, place into one df - Stack Overflow How do I select a subset of a DataFrame? — pandas 1.2.4 documentation python - Delete column from pandas DataFrame - Stack Overflow