CSS 그라데이션 가로

by JM note

HTML

<style>
  div {
    height: 150px;
    background: -webkit-linear-gradient(left, red, yellow);
    background: -moz-linear-gradient(left, red, yellow);
    background: -o-linear-gradient(left, red, yellow);
    background: linear-gradient(to right, red, yellow);
  }
</style>
<div>left to right</div>