Tech - News How To Translate Web Pages In Safari By KAYLA DUBE

Many modern web browsers possess the ability to translate web pages natively, so you can still read the content in your preferred language. Apple has included a translation feature in its Safari browser, and here’s how you can easily translate pages on Mac, as well as the iPhone and iPad. { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.65\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.65\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } Read Full Story

On Mac If Safari can translate the web page, you'll see the "Translate" icon appear in the Smart Search bar at the top of the browser. Click on “Translate,” select the preferred language, and if prompted, select “Enable Translation.” { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.65\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.65\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } Read Full Story

If you don't see the language you want to translate the page into, go to Apple menu > System Preferences“ > Language & Region” > “General.” Click on "Add" to add a language to your list of preferred languages, and then go back to the web page and look at the Translate list again to see if your preferred language has appeared. { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.65\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.65\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } Read Full Story

On iPhone/iPad If the web page can be translated, you'll see the "Translate" icon flash for a second in the search/address bar at the top. Tap the website options icon, which looks like the letter "A," then “Translate to [Preferred language],” and if prompted, “Enable Translation.” { "selector": "[data-custom-animation-id=\"fly-in-top-0-0.65\"]", "--x": "0", "--y": "calc(-100 * 1vh - height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-0.65\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "0.65s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } Read Full Story

Here's How To Change Your iPhone's Safari Background Tech From 2021 That Changed Our Lives Forever 12 Hidden iMessage Features You Need To Know About { "selector": "[data-custom-animation-id=\"fly-in-bottom-1.5-1\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "1.5s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "1.5s", "duration": "1s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-1-1\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "1s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "1s", "duration": "1s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0.5-1\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0.5s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0.5s", "duration": "1s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] } { "selector": "[data-custom-animation-id=\"fly-in-bottom-0-1\"]", "--x": "0", "--y": "calc(100 * 1vh + height())", "animations": [ { "duration": "0s", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(var(--x), var(--y))"} ] }, { "delay": "0s", "duration": "1s", "easing": "cubic-bezier(0.2, 0.6, 0.0, 1)", "keyframes": [ {"transform": "translate(var(--x), var(--y))"}, {"transform": "translate(0, 0)"} ] } ] }

Read More