我真的想让一段文字在不使用javascript或文本装饰的情况下使老式风格闪烁.
没有过渡,只有*闪烁*,*闪烁*,*闪烁*!
也许这是一个明显的答案,但是
为什么地球上会浏览器决定创建自己的供应商前缀border-radius之类的?
我的意思是:为什么我要打字:
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
Run Code Online (Sandbox Code Playgroud)
是因为每个平台都认为"我们很酷,我们会想出一个更好的方法来做圆角吗?" 为一个输入三行似乎完全无法解释多余.
我有一个列表作为菜单.每次用户点击列表中的某个元素时,我都希望div从左到右更详细地进行滑动.
因此,如果用户首先单击菜单项A,则A从左向右滑动.如果用户然后单击B,则A从右向左滑出(从屏幕上消失)并B滑入.
我搜索了这个问题,发现了这篇文章.我合并了代码jsfiddle,但它没有用.Chrome调试工具中的js日志中未显示任何错误.单击菜单中的任何项目时没有任何反应.我究竟做错了什么?
<div class="project">
<ul id="project_menu" class="project_menu">
<li id="menu-php-mysql" data-projectID="php-project">PHP/MySQL</li>
<li id="menu-nodejs" data-projectID="node-project">NodeJS</li>
<!-- more code -->
</ul>
<div class="project-detail">
<div id="php-project">
<i class="ion-ios-close-empty close-icon js-close-icon"></i>
<div classs="project-text">
<!-- data about project -->
</div>
</div>
<div id="node-project">
<i class="ion-ios-close-empty close-icon js-close-icon"></i>
<div classs="project-text">
<!-- data about project -->
</div>
</div>
<!-- and so on.. -->
Run Code Online (Sandbox Code Playgroud)
#php-project {
background-color: #9b59b6;
margin: 30px;
display: none; …Run Code Online (Sandbox Code Playgroud) 我们像这样使用css规则......
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
border-radius: 8px; /* this must be at last ? */
Run Code Online (Sandbox Code Playgroud)
为什么我最初不应该像这样使用它......
border-radius: 8px; /* why not to use at first ? */
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
Run Code Online (Sandbox Code Playgroud)
更新
有人能告诉我一个首先使用它的错误的例子吗?