Bug 189076 - 'transform' make '-webkit-background-clip' doesn't work
Summary: 'transform' make '-webkit-background-clip' doesn't work
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: PC Windows 10
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2018-08-29 00:43 PDT by atom00
Modified: 2018-08-30 20:36 PDT (History)
2 users (show)

See Also:


Attachments
the result of the css code (325 bytes, image/png)
2018-08-29 00:43 PDT, atom00
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description atom00 2018-08-29 00:43:37 PDT
Created attachment 348397 [details]
the result of the css code

On chrome v69,‘-webkit-background-clip’and 'color:transparent' can not work well when using 'transform',the code is :
.test {
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, #e74c3c 20%, #f4d03f 40%, #2ecc71 60%, #5dade2 80%, #a569bd 100%);
  display: inline-block;
  transform: scale(1.2); /*any attributes*/
}

dont't set color to transparent,it can be visibel,but that isn't what i wanted.

please confirm if there are any bugs,thanks a lot!
Comment 1 Simon Fraser (smfr) 2018-08-29 11:52:09 PDT
Does this bug reproduce in Safari on macOS or iOS? Chrome-only bugs should not be filed here.
Comment 2 atom00 2018-08-29 21:55:05 PDT
(In reply to Simon Fraser (smfr) from comment #1)
> Does this bug reproduce in Safari on macOS or iOS? Chrome-only bugs should
> not be filed here.

Thank you for your reply,I test the code on Safari and It doesn't reproduce.I will try to report the bug to chrome,but i have no idea about how to email them,maybe you can help me for giving a url or emall address like yours,thanks!  :D
Comment 3 Simon Fraser (smfr) 2018-08-30 08:30:48 PDT
http://dev.chromium.org/for-testers/bug-reporting-guidelines
Comment 4 atom00 2018-08-30 20:36:30 PDT
(In reply to Simon Fraser (smfr) from comment #3)
> http://dev.chromium.org/for-testers/bug-reporting-guidelines

thank you!