作者

Chris Coyier

创始人、作家、设计师、垃圾邮件删除者、电子邮件个性

文章 CSS 过渡时序 的直接链接

CSS 过渡时序

一篇很棒的小文章,包含关于 CSS 过渡不同时序函数的视觉演示。进度条很简洁。另外,请注意目录上的缩放转换。我不确定是否喜欢这种确切的实现方式,但我喜欢……

文章 页面翻页阴影 的直接链接

页面翻页阴影

ul.box {
position: relative;
z-index: 1; /* prevent shadows falling behind containers with backgrounds */
overflow: hidden;
list-style: none;
margin: 0;
padding: 0; }

ul.box li {
position: relative;
float: left;
width: 250px;
height: 150px;
padding: 0;
border: 1px solid 
文章 第五位置值 的直接链接

第五位置值

Peter-Paul Koch

如果移动浏览器完全按照桌面浏览器的方式实现 position: fixed,那么许多带有固定元素的网站在移动设备上将无法使用。

…我认为是时候使用 position: device-fixed 了。

文章 三边框 的直接链接

三边框

有很多方法可以剥皮一只猫。同样,在 CSS 中也有很多方法可以实现相同的效果。三边框就是其中之一,因此我们将看看四个不同的示例,它们都实现了这一点。我认为对于初学者来说,这种事情可能有点令人困惑,所以希望看到这些不同的代码片段隔离起来能使其更清晰。
文章 操作按钮的短代码 的直接链接

操作按钮的短代码

适用于 functions.php

 /* Shortcode to display an action button. */
add_shortcode( 'action-button', 'action_button_shortcode' );
function action_button_shortcode( $atts ) {
       extract( shortcode_atts(
               array(
                       'color' => 'blue',
                       'title' => 'Title',
                       'subtitle' => 'Subtitle',
                       'url' => ''
               ),
               $atts
       ));
       return '<span class="action-button