随笔分类 -  制作在线简历

制作在线简历(三)——技能介绍
摘要:一、结构 结构还是很朴素的,星星是在font-awsome选的一符号,整个结构又是用一张table表格来搭的,选了两种底色作为顶部和左边的底色。 这里由于使用了自定义字体,就碰到了个问题,就是当点到这张星星页面的时候,字体还没加载进来,这个时候星星的位置要么是乱码要么是没有的,后面就去找了个解决方法 阅读全文
posted @ 2015-07-01 10:00 咖啡机(K.F.J) 阅读(1238) 评论(1) 推荐(1) 编辑
制作在线简历(二)——基本信息
摘要:一、头像 1、先在顶部来个头像,头像再做几个动画特效,就是鼠标移上去的时候边框转180°,需要注意的是图片不能随着边框也转动 所以得把图片和边框放在两个标签中,两个标签都用绝对定位来控制位置,我以前也做过一些动画的记录,可以在《CSS3中的动画效果记录》查看到。 a标签和img标签的宽度和高度是一样 阅读全文
posted @ 2015-06-30 10:16 咖啡机(K.F.J) 阅读(1228) 评论(0) 推荐(0) 编辑
制作在线简历(一)——Loading与底部菜单
摘要:想装逼下搞个在线简历,然后顺便用些CSS3与HTML5的一些技术,再顺带把响应式也加上去去,在移动端也能看到。 不过我的配色low了点,还望见谅...... 一、首页Loading效果 这次就打算把几个功能全部写在一起展示啦,这样就得有个Loading页面,先把该载入的都载入进来。不然的话,代码没载 阅读全文
posted @ 2015-06-29 10:08 咖啡机(K.F.J) 阅读(2650) 评论(8) 推荐(3) 编辑