首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

PS-前端图教程(jpg图和png图)

ps:多日后的补充说明 部分看了文章的设计师,来找我说怎么图。sorry?在我的理解,这就是图啊,但是他们所指的“图”是,怎么把设计图制作成html页面。...认为前端是图的,(也确实是这么叫的,本人情感上很不愿意听前端被叫做“图的”)所以也会误认为我的这篇文章是写给设计师的。...不过,作为一个设计出身的前端来说,摸ps就和摸键盘一样了 PS图步骤说明 一共分两大项:jpg图、png图。...二、PNG图 透明图的核心理念是,你要把不需要的背景图给隐藏掉,只让需要的留下来,底部背景变成像马赛克那样的样式。 ? 1.打开ps拖进来你要的psd或者tif文件, 一定得是带图层的。...那就图呗! 那还要纠结的话那就合并图层吧!

15.7K50

纯代码给你的网站增加图片灯箱效果,增强落地页体验

顺手做一下优化 我的检测结果是:您的页面可能存在图片不可全屏查看,全屏查看后不可缩放/左右滑动的问题,影响落地页体验 我们可以直接使用FancyBox来完成我们的需求,FancyBox是一款优秀的弹出框Jquery...插件 1、允许我们用鼠标和键盘上的四个方向键切换图片 2、可以根据当前窗口大小自动调整弹出框的大小,当我们改变浏览器窗口大小时,将会看到弹出框自动缩放 3、支持缩略图列表、放大、全屏等功能 4、弹出框支持显示多种类型的内容...文件 </script...}); .entry-content p img需要修改为你自己网站的图片正文的 CSS 类,这上面 js 代码加入到header.php或footer.php文件中 3.初始化 fancybox 一加载完成后...在刚才引入的FancyBox的 js、css 文件下面增加 $(document).ready(function() { $("[data-fancybox]").fancybox() }); 如果一顺利

6.8K40
领券