iOS Gears Everything About ios
Animation can make an interface look slick and sleek but it can also make it hard for some people to use.
If you suffer from vertigo or any form of motion sickness and watching things slide and zoom around on your [Apple Watch](/apple-watch] is causing you distress, don’t worry. You can switch transitions to fades and otherwise reduce the amount of motion right in the accessibility settings.
How to reduce motion on the Apple Watch
- Launch the Settings app from your Apple Watch Home screen.
- Tap on General.
- Tap on Accessibility.
- Tap on Reduce Motion.
- Toggle Reduce Motion to ON.
To disable reduce motion, repeat the same steps and toggle Reduce Motion to OFF.
How to reduce motion using the Apple Watch app for iPhone
- Launch the Apple Watch app from your iPhone Home screen.
- Tap on General.
- Tap on Accessibility.
- Tap on Reduce Motion.
- Toggle Reduce Motion to ON.
- Adjust the Maximum Zoom Level by dragging left to lower it (1.2 is the minimum) and right to increase it (15 is the maximum).
To disable reduce motion, repeat the same steps and toggle Reduce Motion to OFF.
<!–*/
<!–*/
img,
.devicebox img {
margin: 0px;
max-width: 100%;
padding: 0px;
}
div .devicebox *,
div .devicebox li,
div .devicebox a:active,
div .devicebox a:hover,
div .devicebox a:link,
div .devicebox a:visited {
color: #fff;
}
.devicebox a:hover {
text-decoration: underline;
}
.devicebox p,
.devicebox ul li,
.devicebox ol li {
font-size: 16px;
padding: initial;
}
.devicebox ul {
margin: 0;
padding: 0.5em 1em 1em 30px;
}
.devicebox ul li {
display: list-item;
line-height: 24px;
list-style: disc outside none;
}
.devicebox ul li:before {
display: none;
}
.devicebox p ~ p {
padding: 0px 15px 15px;
line-height: 1.25;
}
.devicebox p:first-of-type + p {
padding: 15px;
}
div *:last-of-type + .devicebox,
div *:last-of-type + div ~ .devicebox {
float: none;
margin: 0 auto 30px;
max-width: 700px;
min-height: 225px;
position: relative;
width: 100%;
}
div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video {
bottom: 0px;
left: 50%;
position: absolute;
right: 0px;
top: 30px;
}
div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe {
height: 100%;
padding: 0px;
}
div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p {
bottom: 0;
left: 50%;
overflow: hidden;
position: absolute;
right: 0;
top: 30px;
width: 50%
}
div *:last-of-type + .devicebox h3 + p img,
div *:last-of-type + div ~ .devicebox h3 + p img {
float: right;
height: 100%;
width: auto;
}
div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul,
div *:last-of-type + .devicebox p,
div *:last-of-type + div ~ .devicebox p {
width: 43%;
}
@media all and (max-width: 500px) {
.devicebox {
float: none;
margin: 0 0 30px;
max-width: 100%;
width: 100%;
}
div *:last-of-type + .devicebox .video,
div *:last-of-type + div ~ .devicebox .video {
left: 0;
position: relative;
top: 0;
}
div *:last-of-type + .devicebox .video_iframe,
div *:last-of-type + div ~ .devicebox .video_iframe {
padding-bottom: 56.25%;
}
div *:last-of-type + .devicebox h3 + p,
div *:last-of-type + div ~ .devicebox h3 + p {
left: 0;
position: relative;
top: 0;
}
div *:last-of-type + .devicebox ul,
div *:last-of-type + div ~ .devicebox ul {
width: auto;
}
}
/*–>*/
/*–>*/
/*–>*/
Source: iMore
