可以
Transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值，它的语法如下：
transition: property duration timing-function delay/*
property：执行过渡的属性
duration：执行过渡的持续时间
timing-function：执行过渡的速率模式
delay：延时多久执行
*/
transition-property
可取值：
none
没有属性会获得过渡效果。
all
所有属性都将获得过渡效果。
property
定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
div{transition-property:width-moz-transition-property: width/* Firefox 4 */-webkit-transition-property:width/* Safari 和 Chrome */-o-transition-property:width/* Opera */}
transition-duration
参数为时间，单位为s（秒）或者ms（毫秒），默认就是0，回想一下如果只有transform属性，是不是变换啪地一下完成了。
div{transition-duration: 5s-moz-transition-duration: 5s/* Firefox 4 */-webkit-transition-duration: 5s/* Safari 和 Chrome */-o-transition-duration: 5s/* Opera */}transition-timing-function
既然是动画，那么就有动画的运行速率，不同的速度会产生不同的结果，以下是可取值。
ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0).
linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0).
ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0).
ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0).
ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)
速率示意图
transition-delay
参数为时间，单位为s（秒）或者ms（毫秒），默认就是0，也就是立即执行，如果在多个动画直接有先后顺序，那么它就会派上用场。
把它们写在一起
浏览器内核的前缀不能忘啊，使用emmet神器来帮助你。
emmet使用如图所示：
-webkit-transition: all 0.5s ease-in-out 0s-o-transition: all 0.5s ease-in-out 0s
transition: all 0.5s ease-in-out 0s
如图所示
将它们放在一起的效果如下，可以很明显的发现它们之间的不同。
主题设置方法：File ->Settings ->Appearance &Behavior ->Appearance ->Theme.
WebStorm默认情况下一次只能打开一个项目，这点很不爽，其实是可以设置的。（ 注：如果你一开始就建了项目再来配置，记得要把左边显示的根路径移除，不然可能点击Add Content Root配置后也不一定能生效 ）
方法：File ->Settings ->Directories ->Add Content Root 中添加你当前的工程目录。
方便其他ip设备访问(如手机等测试效果）
方法：File ->Settings ->Build,Execution,Development ->Debugger ->port
方法：File ->Settings ->Editor ->File Encodings ->IDE Encoding,Project Encoding.
( 注：配置前和配置后都可以打开页面，在页面的右下角显示有编码，下面截图右下角就有 )
你可以使用默认快捷键配置，也可以根据自己的风格选择配置。习惯eclipse和myeclipse开发的可以配置成eclipse快捷键。
方法：File ->Settings ->Keymap->Keymaps
上面提到了快捷键，webstorm自带emmet插件。用过zen coding的人应该都知道，emmet就是zen coding的升级版。当然，webstorm也不是支持所有的 emmet语法 ，不过够用了。可以参考此文 Enabling Emmet Support 看看具体情况。
如下图，可以看到css自动加浏览器厂商前缀。
打开页面后，右击页面左边边界，弹窗选项，根据自己需要勾选就是，如下图：
当你需要在其他电脑的webstorm上也想用自己编码风格时，将配置文件导入重启webstorm即可生效。
导出方法：File ->Export Settings... ->自己选择选项和路径。用默认也可以。
导入方法：File ->Import Settings... ->选择.jar文件路径。
webstorm自带很多插件，你可以根据自己需要配置。我暂时未使用，如果你用到了，可以参考下面的一些文章。
eclipse安装emmet方法步骤：1首先打开eclipse （版本应该都是没干系的
2help-install New sofaWare
3打开Install窗口，点击 Add，在Add Repository窗口中，Name一览随便输入一个名字，然后再Location中输入 http://emmet.io/eclipse/updates/ 点击OK
4选中emmet 然后一直next 中途需要等待还有一次需要同意安装的选择
5下载完毕后，会提示确认安装窗口，点击OK ，等待安装完毕后，需要重启eclipse
6重启以后 创建一个HTML，或者CSS文档 就可以正常使用了
