css3
guxiansheng1991
1.接近2年的前端工作经验,能够熟练使用前端技术完成项目功能,能够熟练使用原生js,html,css实现前后端数据交互和页面交互。<br>2.能够独立进行项目开发,熟练使用Vue.js进行项目开发。<br>3.能够解决各个浏览器兼容性问题。<br>4.沟通能力较强,能很好的理解需求,有较强的自学能力和团队合作能力。
展开
-
我的网页自适应的解决方案
> 这是我自己想出的移动端的自适应方案,bug未知,且主要针对移动端整体思想:1. 页面长度单位使用rem;2. 页面布局使用flex.css库;3. 在dom加载完成了后,设置根节点的font-size为页面宽度的1/12,也就是1rem=1/12*页面宽度.类似于bootstrap的栅格系统;4. 使用flex.css实现布局,类似于使用bootstrap的栅格系统,只不过样式要自己写原创 2017-03-23 17:42:07 · 539 阅读 · 0 评论 -
css3学习之自定义字体
<div class="d2"> <p class="p2">这个世界真的很美好啊</p></div>@font-face{ font-family: myFont; src:url(./Li-Xuke.ttf);}.d2{ width: 100px; height: 300px; bor...原创 2018-03-26 17:23:39 · 149 阅读 · 0 评论 -
css3学习之2D转换
2d转换是相对定位,使用要加前缀API列表translate(x,y) ,相对于坐标原点的移动rotate(xdeg) ,顺时针旋转xdeg,负数为逆时针旋转scale(x,y) ,以元素x轴或者y轴的中间线为起点,进行放大x或者y的倍数skew(xdeg,ydeg) ,以元素x轴整体或者y轴整体为轴线,y轴顺时针翻转,x轴逆时针翻转matrix() ...原创 2018-03-26 17:59:45 · 217 阅读 · 0 评论 -
css3的animation实现购物车小球飞入效果
一.思路 1.在body下添加5个元素并绝对定位,且display:none;(5个元素是防止用户连续点击) 2.单机页面的某一处位置,并将第一个dispaly:none;的dom定位到单机位置 3.使用css3将定位后的dom运动到目标,并去除style,设置display:none;二.实现html<body> <p>在页面的任何位置点击,...原创 2018-04-01 21:07:29 · 12960 阅读 · 0 评论 -
css3学习之杂项
一.背景相关1.background-origin限制背景显示在盒子模型的区域范围,默认content-boxbackground需要设置background-repeat:no-repeatbackground-origin : border-box | padding-box | content-box;2.background-clip将背景做剪裁,默认no-clip...原创 2018-03-27 13:38:12 · 184 阅读 · 0 评论 -
css3学习之3d转换
一.API函数 | 描述-----------------------------------matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定义 3D 转换,使用 16 个值的 4x4 矩阵。translate3d(x,y,z) | 定义 3D 转化。translate...原创 2018-03-28 11:14:29 · 664 阅读 · 0 评论 -
css3学习之transition
一.API值 | 描述transition-property | 规定设置过渡效果的 CSS 属性的名称。transition-duration | 规定完成过渡效果需要多少秒或毫秒。transition-timing-function | 规定速度效果的速度曲线。transiti...原创 2018-03-28 11:49:48 · 189 阅读 · 0 评论 -
css3学习之animation
一.API值 | 描述animation-name | 规定需要绑定到选择器的 keyframe 名称。。animation-duration | 规定完成动画所花费的时间,以秒或毫秒计。animation-timing-function | 规定动画的速度曲线。an...原创 2018-03-28 15:33:27 · 189 阅读 · 0 评论