.preview .no-transition{ -webkit-transition:none !important; -moz-transition:none !important; -o-transition:none !important; -ms-transition:none !important; transition:none !important; }

这段代码定义了 `.preview` 类下的 `.no-transition` 类的 CSS 样式。它使用了 `!important` 来确保这些样式优先级高，无法被其他样式覆盖。

.preview .no-transition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

这段代码的作用是将所有可能的过渡效果都禁用，包括 `-webkit-`、`-moz-`、`-o-`、`-ms-` 和默认的 `transition` 属性。通过为元素添加 `.no-transition` 类，并将其包含在具有 `.preview` 类的父元素中，可以禁用所有过渡效果。这在某些情况下可能很有用，例如需要在特定情况下禁用页面元素的过渡动画。

相关问题

.animate{ -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -ms-transition:-ms-transform 1s; -o-transition:-o-transform 1s; transition:transform 1s; }

这段代码定义了一个 `.animate` 类的 CSS 样式。它设置了一系列属性来控制元素的过渡效果。

.animate {
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  -ms-transition: -ms-transform 1s;
  -o-transition: -o-transform 1s;
  transition: transform 1s;
}

这段代码的作用是为具有 `.animate` 类的元素设置了一个 1 秒的过渡效果。通过 `-webkit-transition`、`-moz-transition`、`-ms-transition`、`-o-transition` 和 `transition` 属性，指定了在变换属性 `transform` 上进行过渡效果。当应用了 `.animate` 类的元素发生变换时，将以 1 秒的时间进行平滑过渡。可以根据需要调整过渡时间和变换属性来实现不同的动画效果。

.show-bar .html5-book .shadow{ -webkit-transition: -webkit-box-shadow 0.5s; -moz-transition: -moz-box-shadow 0.5s; -o-transition: -webkit-box-shadow 0.5s; -ms-transition: -ms-box-shadow 0.5s; -webkit-box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -ms-box-shadow:0 0 10px #999; -o-box-shadow:0 0 10px #999; box-shadow:0 0 10px #999; }

这段代码定义了 `.show-bar` 类下的 `.html5-book` 类下的 `.shadow` 类的 CSS 样式。它设置了一系列属性来控制元素的阴影效果和过渡效果。

.show-bar .html5-book .shadow {
  -webkit-transition: -webkit-box-shadow 0.5s;
  -moz-transition: -moz-box-shadow 0.5s;
  -o-transition: -webkit-box-shadow 0.5s;
  -ms-transition: -ms-box-shadow 0.5s;

  -webkit-box-shadow: 0 0 10px #999;
  -moz-box-shadow: 0 0 10px #999;
  -ms-box-shadow: 0 0 10px #999;
  -o-box-shadow: 0 0 10px #999;
  box-shadow: 0 0 10px #999;
}

这段代码的作用是为具有 `.shadow` 类的元素设置了一个阴影效果，并在阴影属性上应用了过渡效果。通过 `-webkit-box-shadow`、`-moz-box-shadow`、`-ms-box-shadow` 和 `box-shadow` 属性，指定了一个包含水平和垂直偏移以及模糊半径的阴影效果。同时，通过 `-webkit-transition`、`-moz-transition`、`-o-transition` 和 `-ms-transition` 属性，指定了在阴影属性上进行过渡效果的时间为0.5秒。当应用了 `.shadow` 类的元素发生阴影变化时，将以0.5秒的时间进行平滑过渡。可以根据需要调整阴影效果和过渡时间来实现所需的效果。