Как я могу установить непрозрачность отражения при использовании -webkit-box-refle? - PullRequest
Новая
       22

Как я могу установить непрозрачность отражения при использовании -webkit-box-refle?

3 голосов
/ 15 марта 2010

Я играл со свойством -webkit-box -lect в Chrome и могу добиться отражения, которое исчезает с помощью следующего кода (это пример кода из блога Webkit ): 

-webkit-box-reflect:
  below 5px 
  -webkit-gradient(
  linear, left top, left bottom, 
  from(transparent), color-stop(0.5, transparent), to(white)
  );

Проблема в том, что я хочу установить непрозрачность маски на более тонкую настройку, но, похоже, она задыхается от rgba (). Кто-нибудь смог успешно получить разные уровни непрозрачности?

Любая помощь приветствуется, спасибо!

1 Ответ

10 голосов
/ 15 марта 2010 
-webkit-box-reflect:
  below 5px 
-webkit-gradient(linear, left top, left bottom, from(transparent), 
  color-stop(0.5, transparent), 
  to(rgba(255, 255, 255, 0.5)));

Это код, который вы искали? :)

...