使用css3添加显示：块，但有延迟

想知道是否有办法添加

display:block内联，但有3秒的小延迟。。。没有JS，并且CSS（3）与样式内联

.janet-place{
    $width: 138;
    $height: 452;
    width: rcalc($width);
    margin-left: rcalc(50);
    margin-top:rcalc(31);
    padding:hcalc($height,$width)  0;
    display: block; // here after 3 seconds
    @include bkgrd_image('animation/gown.png');
    &.gown{ display: block; // here after 3 more seconds}
    &.janet{ background-image: url("../images/animation/janet.png");}
    background-size: 100%;
}

使用css动画这是我所知道的唯一对时间敏感的css

动画填充模式可能会有所帮助；指定动画未播放时（动画完成或延迟时）元素的样式。
尝试相应地调整此代码


。珍妮特广场{
$width:138；
$height:452；
宽度：rcalc（$width）；
左边距：rcalc（50）；
利润顶部：rcalc（31）；
填充：hcalc（$height，$width）0；
display:inline；//3秒后在此处显示
@包括bkgrd_图像（'animation/gooding.png'）；
&.goods{display:block；//再过3秒就到这里}
&.janet{背景图像：url（../images/animation/janet.png”）；}
背景大小：100%；
-webkit动画名称：示例；/*Chrome、Safari、Opera*/
-webkit动画持续时间：3s；/*Chrome、Safari、Opera*/
动画名称：示例；
动画持续时间：3s；
}
/*铬、狩猎、歌剧*/
@-webkit关键帧示例{
来自{display:inline；}
到{显示：块；}
}
/*标准语法*/
@关键帧示例{
来自{display:inline；}
到{显示：块；}
}
不太可能，因为
display
不是一个可转换的属性，但也有其他选择。你想干什么？这和Sass有什么关系？除非您有Sass->CSS编译问题，否则只发布编译后的CSS。