创建CSS3 Banner代码,Css代码库,德仔网

代码语言

代码分类

【Css】创建CSS3 Banner

作者:雨泽 / 发布于2016/7/27/ 837

在支持CSS3的浏览器中，下面的代码可以生成漂亮的纯CSS图案。这种效果常见于电子商务网站的产品图片、缩略图、视频预览等。

.featureBanner {
    position: relative;
    margin: 20px
}
.featureBanner:before {
    content: "Featured";
    position: absolute;
    top: 5px;
    left: -8px;
    padding-right: 10px;
    color: #232323;
    font-weight: bold;
    height: 0px;
    border: 15px solid #ffa200;
    border-right-color: transparent;
    line-height: 0px;
    box-shadow: -0px 5px 5px -5px #000;
    z-index: 1;
}
.featureBanner:after {
    content: "";
    position: absolute;
    top: 35px;
    left: -8px;
    border: 4px solid #89540c;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

试试其它关键字

　CSS3　　Banner　

同语言下

.前端PC-移动端CSS公共样式+HTML
.手机端页面通用样式
.H5页面通用头部设置
.elect默认样式美化代码兼容移动端和pc端
.按钮效果 css
.唤醒app
.放大效果
.html5+css3实现上拉和下拉刷新
.html上传图片后，在页面显示上传的图片
.html5实现点击弹出图片

可能有用的

.C#实现的html内容截取
.List 切割成几份工具类
.SQL查询多列合并成一行用逗号隔开
.一行一行读取txt的内容
.C#动态修改文件夹名称(FSO实现，不移动文件)
.c# 移动文件或文件夹
.c#图片添加水印
.Java PDF转换成图片并输出给前台展示
.网站后台修改图片尺寸代码
.处理大图片在缩略图时的展示

雨泽贡献的其它代码(11)

.显示所有运行级别为3并开机启动的服务
.添加一个新组为class1，然后添加属于这个组的30个用户
.点击浏览器的返回按钮或手机的返回按钮让页面刷新
.读取指定文件夹下的图片或者记事本文件
.将文本文件转化为DataSet
.查看所有触发器信息的命令
.创建CSS3 Banner
.分数
.刷新ListView刷新时的闪烁问题
.上下界最大流(邻接表形式)