| Summary: | 'transform' make '-webkit-background-clip' doesn't work | ||||||
|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | atom00 | ||||
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> | ||||
| Status: | RESOLVED INVALID | ||||||
| Severity: | Normal | CC: | dino, simon.fraser | ||||
| Priority: | P2 | ||||||
| Version: | WebKit Nightly Build | ||||||
| Hardware: | PC | ||||||
| OS: | Windows 10 | ||||||
| Attachments: |
|
||||||
Does this bug reproduce in Safari on macOS or iOS? Chrome-only bugs should not be filed here. (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 (In reply to Simon Fraser (smfr) from comment #3) > http://dev.chromium.org/for-testers/bug-reporting-guidelines thank you! |
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!