此文章已过时，Drupal 8的API已修改，请参考examples/page_example

 

Drupal 8约定把所有自定义的模块都放在了根目录下的modules了，创建自己的模块先创建如下目录：modules/foobar，里面包含文件foobar.module和foobar.info.yml。foobar.info.yml内容如下：

.parent-element {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.element {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

参考：http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

.canvas { background-color: #111; padding: 30px; clear: both; } #earth { width: 300px; height: 300px; background: url(http://www.noirextreme.com/digital/Earth-Color4096.jpg); border-radius: 50%; background-size: 610px; box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0), inset -6px 0 12px 4px rgba(255, 255, 255, 0.3); animation-name: rotate; animation-duration: 12s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotate; -webkit-animation-duration: 12s; -webkit-anima