Re: Property "translate"

Here's a short page that doesn't bury the issue in other stuff. Same error message. It runs properly, with the aqua square moved 50px down and 50px to the right, in current versions of Firefox, Chrome, and Safari (tested under Mac OS 13.4). It didn't work in Opera, or in Edge under Windows 10 via emulation. Par for the course with relatively recent additions to CSS. The older Transform option works everywhere and validates as correct, but this should validate too.

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example of Translate property</title>
<style>
    div {width:100px; height:100px; background-color:aqua;
        translate:50px 50px;}
</style>
</head>

<body>
    <div></div>
</body>
</html>

Efrem

> On Feb 17, 2024, at 7:51 AM, Chuck Houpt <chuck@habilis.net> wrote:
> 
> 
> 
>> On Feb 16, 2024, at 12:27 PM, Efrem Mallach <emallach@verizon.net> wrote:
>> 
>> My CSS got an error message "CSS; translate: Property translate doesn't exist."
> 
> Could you post a link to the page or a snippet of sample code that elicits the error message. It's hard to diagnose the problem without seeing the code.
> 
> - Chuck

Received on Saturday, 17 February 2024 17:45:47 UTC