CSS3实现首屏元素滑入动效
汤姆不是猫 发布于 2019-03-27
首屏滑入动效可以参看我的个人主页 代码如下 @-webkit-keyframes huaru01{ 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%...
阅读(4306)评论(4)赞 (4)
汤姆不是猫 发布于 2019-03-27
首屏滑入动效可以参看我的个人主页 代码如下 @-webkit-keyframes huaru01{ 0% { opacity:0; -webkit-transform:translate3d(0, -100%, 0); transform:translate3d(0, -100%...
阅读(4306)评论(4)赞 (4)
汤姆不是猫 发布于 2019-02-14
HTML+CSS笔记 首先:首先新建一个文件夹,取好名字,在里面新建两个文件夹,img:用于放置图片,img里面的图片名字命名为icon。 css:用于放置css文件,将新建的css文档命名为layout.css 建一个HTML5文档,命名为index.html ...
阅读(2962)评论(1)赞 (3)
汤姆不是猫 发布于 2018-11-20
代码如下: @echo off for /f "delims=" %%i in ('dir /b/d D:\*') do @ECHO %%i>>a.DOC pause 在桌面创建一个记事本,将此段代码复制到记事本里面保存,将记事本比如1.txt后缀改为1.bat 然后...
阅读(2756)评论(4)赞 (2)
汤姆不是猫 发布于 2018-06-04
meta name="viewport" content="width=640,user-scalable=no"> 在做移动端页面开发的时候,加入上面这一句,然后css就可以用固定的像素值来定位。最后的呈现当然也是十分完美的。
阅读(5313)评论(9)赞 (3)
汤姆不是猫 发布于 2017-07-06
$("html").animate({scrollTop :0}, 800); 滚动条以800的速度滚动至高度为0的位置(回到顶部) 定义和用法 animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS...
阅读(2917)评论(0)赞 (2)
汤姆不是猫 发布于 2017-06-21
$(document).ready(function(){ var a=2,b=3,c; a>b?alert(a):alert(b); }); JS的三元表达式(例子) a?b:c; 用法 a: 判断的条件 b:如果true,那么执行b表达式 c:如果fal...
阅读(3254)评论(8)赞 (1)
汤姆不是猫 发布于 2017-05-11
1 2 用到的CSS3如下所示 @-webkit-keyframes le01{0%{top:591px; opacity:0.9;} 50%{top:331px;} 100%{top:391px; opacity:1;}} @-webkit-keyframes le02{fro...
阅读(3488)评论(13)赞 (1)
汤姆不是猫 发布于 2017-04-24
“ 你身边是不是有很多设计师小伙伴都有了自己的个人网站,用来发布自己的一些经验文章,展示自己的优秀作品,还能用来作为作品简历。 是不是很羡慕,其实这个也不难,老夫就来教教你如果做个自己的个人网站 ” 承接上部《教你如何创建一个网站(1)》 上部文章详细的讲解购买域名→域名备案、解...
阅读(3969)评论(8)赞 (7)
汤姆不是猫 发布于 2017-04-05
是时候让我们来讨论一下关于网页设计的中的首屏页面的一些设计思路了。首屏页面是用户初步浏览你的网站所接触的“第一视觉”,它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备,平板电脑还是移动设备访问你的网站,所有内容都是在这个页面上会被集中体现。 所以,你在这个“第一屏幕”...
阅读(3483)评论(1)赞 (0)
汤姆不是猫 发布于 2017-03-07
转载自:姬光 原文地址 话说从设计稿到前端页面实现,是产品流程中非常重要的一环,这个阶段决定了设计师设计的设计稿能否完美地变成真正的产品雏形。废话不多说,本文主要介绍以下三块内容:移动设备尺寸;前端适配方案;设计师与前端如何对接。 移动设备尺寸 网上专门讲解移动设备尺寸的文章很多...
阅读(2779)评论(7)赞 (0)