怎把实物(图片)变成线条状的 轮廓不能变

2018-2-24 王普森 工作

1、打开需要的图片 2、把图片去色(shift+ctrl+U) 3、复制两个背景图层(ctrl+J) 4、把背景副本2反相(ctrl+I) 5、滤镜-其他-最小值--调1(根据自己的需求调节) 6、改变背景副本2的混合模式为“线性减淡(添加)” 7、合并背景副本和背景副本2 8、调节色阶(根据自己的情况调节) PS. 试试去把

阅读全文>>

标签: PS教程

评论(0) 浏览(277)

设置DIV内部的图片高度为DIV宽度的固定比例

2017-12-4 王普森 工作

实现DIV内的图片高度与DIV的宽度的固定比例方法: 首先,先调用一个外部jquery.js的文件, 然后,是下面的代码: <div id="mydiv">  <img src="ad01.png" id="pro_pic"> </div> <script>   $(document).ready(function(){    $(".pro_pic").height($(".mydiv").width()/...

阅读全文>>

标签: html5 jquery

评论(0) 浏览(318)

弹出DIV遮罩层,同时禁止底层滑动

2016-9-27 王普森 工作

非常实用的一个特效,可以在一个页面上应用新的样式而关闭旧的样式,改变的是样式的属性,而不是单一的改变整个样式。 弹出DIV遮罩层,同时禁止底层滑动:  <!--js部分-->  <script type="text/javascript">   function xiugai() {     $('body').css({"overflow":"hidden","height":"100%"});     $('html').cs...

阅读全文>>

标签: CSS3 jquery

评论(0) 浏览(967)

css3引用自己的字体

2016-8-26 王普森 工作

使用您需要的字体 在新的 @font-face 规则中,您必须首先定义字体的名称(比如 myFirstFont),然后指向该字体文件。 如需为 HTML 元素使用字体,请通过 font-family 属性来引用字体的名称 (myFirstFont): 实例 <style> @font-face { font-family: myFirstFont;   /*起一个字体的样式名称方便引用*/ src: url('Sansation_Light.ttf'),  /*多个字体用逗号隔开*/     ...

阅读全文>>

标签: CSS3

评论(0) 浏览(843)

css3鼠标经过时原来的元素被新元素所替换

2016-8-26 王普森 工作

常常看到图片列表,鼠标经过每个图片时,会出现新的一层覆盖原来的图片,比如图片名称或介绍等文字。如何实现?参考下例: css样式: <style type="text/css"> #div {     height: 100px; width: 630px;     overflow: hidden;     margin: 40px auto;     text-align: center; } #div ...

阅读全文>>

标签: Web网页 CSS3

评论(0) 浏览(807)

CSS3 :nth-of-type() 选择器

2016-8-26 王普森 工作

简单说明一下: :nth-of-type(n) 选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素. n 可以是数字、关键词或公式。 例如: p:nth-of-type(1){ background:#ff0000; } 表示所有<p>元素的第一个<p>的背景色是红色。 例如: a:nth-of-type(odd){ background:#000000; } 表示所有<a>元素中的奇...

阅读全文>>

标签: CSS3

评论(0) 浏览(730)

swiper小技巧

2016-8-26 王普森 工作

有时候从网上下了个swiper.js插件来做轮播效果,结果发现不自动滚播,实现如下: 添加:  <script>                 var swiper = new Swiper('.swiper-container', {              &n...

阅读全文>>

标签: swiper

评论(0) 浏览(736)

关于li标签或者a链接在手机中点击出现蓝框的问题解决

2016-8-26 王普森 工作

只要添加下述代码即可: * {  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none;  }

阅读全文>>

标签: html5 CSS3

评论(0) 浏览(626)

关于!important的用法

2015-12-10 王普森 工作

最近在建设网站的时候,遇到一个小问题,前台网页中有一个table,因为是table是在编辑器里添加的,宽度的值都不一样,想在css样式表中设定width:100%;结果发现优先级的问题而不能实现。后来无意中想到!important,直接写在样式表中的width后面,果然成功!

阅读全文>>

标签: HtmlCss CSS3 前端架构

评论(0) 浏览(785)

css input(file)按钮样式美化

2015-10-29 王普森 工作

<a href="javascript:;" class="file">选择文件 <input type="file" name="" id=""> </a>   样式如下: .file { position: relative; display: inline-block; background: #D0EEFF; border: 1px solid #99D3F5; border-radius: 4px; padding: 4px 12px; overflow: hidden; color...

阅读全文>>

标签: HtmlCss CSS3 表单

评论(0) 浏览(747)

Powered by emlog