欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!

前端开发

  • PS做光线效果

    1)背景色填充蓝色,然后新建一图层,从上到下的黑白渐变填充图层 2)滤镜扭曲波浪(类型:方形) 3)滤镜扭曲极坐标 4)图像调整反相 5)把图层调成滤色 6)利用画笔工具添加一些星星装饰...

  • AI制作优惠活动海报

    海报解析: 1)后面的楼,搜楼市剪影可以搜到素材 2)底纹,裂纹笔刷 3)立体字效果,把字复制一层,删格化图层后,CTRL+单击图层对文字建立选区,CTRL+上下箭头做出立体效果 4)向下的大箭头,底下一层[斜面和浮雕(取消全局光,90度从上向底垂直照射),图...

  • DIV+CSS规范命名集合

    一、命名规则说明: 1)、所有的命名最好都小写 2)、属性的值一定要用双引号()括起来,且一定要有值如class=divcss5,id=divcss5 3)、每个标签都要有开始和结束,且要有正确的层次,排版有规律工整 4)、空元素要有结束的tag或于开始的tag后加上/ 5)、表现...

  • HTMl form常用标签及属性

    HTMLinput标签的type属性 button 定义可点击按钮(多数情况下,用于通过JavaScript启动脚本) checkbox 定义复选框 file 定义输入字段和浏览按钮,供文件上传 hidden 定义隐藏的输入字段 image 定义图像形成的提交按钮 password 定义密码字段。该字段中的字...

  • css3基础案例

    1 2...

  • css中常用的文本属性

    属性 版本 简介 text-indent CSS1 检索或设置对象中的文本的缩进 letter-spacing CSS1 检索或设置对象中的文字之间的间隔 word-spacing CSS1 检索或设置对象中的单词之间插入的空格数。 vertical-align CSS1/CSS2 设置或检索对象内容的垂直对其方式 white-sp...

  • css content属性

    取值: normal | none | [ string | uri | counter | attr(identifier) | open-quote | close-quote | no-open-quote | no-close-quote ]+ | inherit 引用网址:http://www.dreamdu.com/css/property_content/ 初始值: normal 继承性: 否 适用于: :before与:af...

  • CSS3 Transition

    W3C标准中对css3的transition这是样描述的:css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值。 语法: transition : [transition-proper...

  • CSS3的文字阴影—text-shadow

    语法: text-shadow : none | length none | [shadow, ] * shadow 或none | color [, color ]* 也就是: text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]... 或者 text-sh...

  • css3 box-shadow给对象实现图层阴影效果

    语法: E {box-shadow: length length length?length?||color} 也就是: E {box-shadow:inset x-offset y-offset blur-radius spread-radius color} 换句说: 对象选择器 {box-shadow:投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色} 注:...

  • meta标签在移动端开发的使用

    2.1 meta name=viewport content=width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0; / 一句可以让我们用全屏来布局我们的页面了,不用再担心页面显示被浏览器缩...

  • HTML5案例

    form表单 HTML5绘制的时钟 太阳系...

  • ps给照片添加水中倒影

    1)打开图片,并复制一层,垂直反转 2)滤镜模糊动感模糊(角度90,距离6) 3)滤镜扭曲波纹(数量-55,大小,小) 4)图像调整色相/饱和度(色相6,饱和度-14,明度-5)...

  • ps自动合并全景图

    1)文件自动Photomerge..(照片合并) 2)浏览打开要合并的图片版面(自动) 3)确定...

  • Canvas的API-图像绘制方法

    Canvas的API-文本属性和方法 方法 描述 drawImage() 向画布上绘制图像、画布或视频 chrome不支持 Canvas的API像素操作方法和属性 属性 描述 width 返回 ImageData 对象的宽度 height 返回 ImageData 对象的高度 data 返回一个对象,其包含指定的 ImageData 对...

  • Canvas的API-转换方法

    Canvas的API-转换方法 方法 描述 scale() 缩放当前绘图至更大或更小 rotate() 旋转当前绘图 translate() 重新映射画布上的 (0,0) 位置 transform() 替换绘图的当前转换矩阵 setTransform() 将当前转换重置为单位矩阵。然后运行 transform() Canvas的API-文本...

  • Canvas的API画图样式属性和方法

    Canvas的API线条样式属性和方法 属性 描述 lineCap 设置或返回线条的结束端点样式 lineJoin 设置或返回两条线相交时,所创建的拐角类型 lineWidth 设置或返回当前的线条宽度 miterLimit 设置或返回最大斜接长度 Canvas的API矩形方法 方法 描述 rect() 创建矩...

  • HTML5Canvas的使用

    canvas id=canvas height=300 width=300 您的浏览器不支持canvas标签 /canvas canvas标签在页面中只显示一个设定背景色的画布,如果要产生新内容或者进行画图操作,需要借助canvas API(HTML5的内置对context 对象)和javascript操作实现画图或者其他图像操作...

  • HTML5支持的音频格式

    HTML5在不使用插件的情况下也可以原生的支持音频格式文件的播放,当然支持格式是有限的 HTML5支持的音频格式: Ogg 免费 支持的浏览器:C、F、O MP3 收费 支持的浏览器: I、C、S Wav 收费 支持的浏览器: F、O、S audio的使用 audio src=文件地址 controls=con...

  • html5Video的常用事件

    事件 描述 abort 当音视频加载被异常终止时产生该事件 canplay 当浏览器可以开始播放该音视频时产生该事件 canplaythrough 当浏览器可以开始播放该音视频到结束而无需因缓冲而停止时产生该事件 durationchange 当媒体的总时长改变时产生该事件 emptied 当前...

前端案例

返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!