为图片创建拍立得效果边框代码,Css代码库,德仔网

代码语言

代码分类

【Css】为图片创建拍立得效果边框

作者:春山 / 发布于2016/7/27/ 720

运用下面代码可以在图片上实现拍立得相片效果——一大片白色边框和细微的阴影。

img.polaroid { 
    background:#000; /*Change this to a background image or remove*/
    border:solid #fff;
    border-width:6px 6px 20px 6px;
    box-shadow:1px 1px 5px #333; /* Standard blur at 5px. Increase for more depth * 
    -webkit-box-shadow:1px 1px 5px #333;
    -moz-box-shadow:1px 1px 5px #333; 
    height:200px; /*Set to height of your image or desired div*/
    width:200px; /*Set to width of your image or desired div*/
}

试试其它关键字

同语言下

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

可能有用的

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

春山贡献的其它代码(8)

./* 字符串截取方法 */
.浏览器右下角弹出提示信息窗口，几秒后自动关闭
.java读取文件最后N行
.dataGridView右键菜单并选中该行
.为图片创建拍立得效果边框
.添加成功后将文本框清空
.输出随意两个整数之间的整数
.固定高度div,随内容自动变高