html5修改手机亮度,HTML5 图像在线编辑器(灰度/模糊度/反相/对比度/亮度/透明度)...

这是一个使用HTML5实现的图像编辑器,允许用户调整图像的亮度、对比度、灰度、模糊度、反相等效果。通过CSS3实现背景渐变和图片填充,并提供了输入框用于自定义图片链接。编辑器还包括一个重置按钮和提交选项,以及一个可调整的滑块来控制图像亮度。
摘要由CSDN通过智能技术生成

CSS

语言:

CSSSCSS

确定

* {

margin: 0;

padding: 0;

}

body {

background: #fff;

background-image: -webkit-linear-gradient(top left, #fff, #b4b4b4);

background-image: linear-gradient(to bottom right, #fff, #b4b4b4);

background-repeat: no-repeat;

background-size: cover;

background-attachment: fixed;

}

#background {

z-index: -1;

opacity: 1;

position: fixed;

top: 0;

width: 100%;

height: 100%;

background-image: url(http://www.transparenttextures.com/patterns/pinstriped-suit.png);

background-size: 12%;

background-attachment: fixed;

background-repeat: repeat;

/*------------- COLORS ------------*/

}

#reset,

#submit,

.inputname {

background: firebrick;

color: #000;

font-family: 'Exo', sans-serif;

}

#reset:hover,

#submit:hover {

background: #ef7126;

border-color: #218c8d;

}

input[type="range"] {

background: #333;

/*------------------------------------------*/

}

#image {

z-index: 20;

overflow: hidden;

float: left;

width: 66%;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值