Animations

.slide-right {
  width: 100%;
  overflow: hidden;
  margin-left: 400px;
  max-width: 500px
}

.slide-right h2 {
  animation: 2s slide-right;
  animation-delay: 2s;
}

@keyframes slide-right {
  from {
    margin-left: -500px;
  }

  to {
    margin-left: 0%;
  }
}

Source: stackoverflow.com

Similar codes

57 votes297 views4 answers
Css hover rounded corners
CSS
0 vote252 views2 answers
Get element with href css
CSS
0 vote233 views1 answer
Set height to width css
CSS
17 votes241 views4 answers
Css center element on screen
CSS
18 votes272 views3 answers
Expo : File C:\Users\Admin\AppData\Roaming\npm\expo.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS
0 vote223 views2 answers
Laravel default app.css downloD
CSS
0 vote275 views1 answer
Change size material checkbox
CSS
0 vote202 views1 answer
Go to top page css
CSS
0 vote269 views1 answer
Css color codes
CSS
0 vote243 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS