🗂

[css]画像を反射させていい感じにする

2021/12/20に公開

.cover-image {
  height: 150px;
  width: 150px;
  display: flex;
  border-radius: 0.5rem;
  -webkit-box-reflect:
    below 0px 
  -webkit-gradient(linear, left top, left bottom, from(transparent), 
    color-stop(0.8, transparent), 
    to(rgba(255, 255, 255, 0.3)));
}

https://stackoverflow.com/questions/2447262/how-can-i-set-opacity-of-the-reflection-when-using-webkit-box-reflect

Discussion

ログインするとコメントできます