标签:css3

利用CSS3 函数calc()计算高度-Web前端(W3Cways.com) - Web前端学习之路
HTML/CSS

利用CSS3 函数calc()计算高度

admin阅读(10954)评论(0)赞(0)

语法: calc() = calc(四则运算) 说明: 用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% – 10px); 任何长度值都可以使用calc()函数进行计算; ...

HTML/CSS

CSS3实现0.5像素边框

admin阅读(8167)评论(0)赞(0)

实现方法 1.设置目标元素作为定位参照 .border { position: relative; } 2.给目标元素添加一个伪元素before或者after,并设置绝对定位 .border:before { content: "...

玩转H5下拉上滑动效-Web前端(W3Cways.com) - Web前端学习之路
Javascript

玩转H5下拉上滑动效

admin阅读(12463)评论(0)赞(0)

在APP中我们经常会在页面下拉时看到一些动效,例如下拉图片跟随放大、下拉刷新出现loading动画等,这个交互细节在各个主流APP以及手机原生系统中随处可见,能为APP增添个性亮点。 一、背景 在我们的日常项目中,也会遇到这样的需求,在当前...

CSS3动画帧数科学计算法(转)-Web前端(W3Cways.com) - Web前端学习之路
HTML/CSS

CSS3动画帧数科学计算法(转)

admin阅读(3506)评论(0)赞(0)

这篇文章介绍的CSS3动画帧数,转来分享给大家    总结都浓缩在这个工具里了,想知道工具的地址或想窥探工具诞生的趣事请往下看 。 —————————————————————–     华丽丽的开篇     ———————————...

CSS3中REM使用详解-Web前端(W3Cways.com) - Web前端学习之路
使用技巧

CSS3中REM使用详解

admin阅读(71760)评论(4)赞(0)

在页面中设置字体,我们知道有常见的两种,px 和 em. px 在Web页面制作中,我们一般使用“px”来设置我们的文本,因为他比较稳定和精确。但是这种方法存在一个问题,当用户在浏览器中浏览我们制作的Web页面时,他改变了浏览器的字体大小(...

CSS3+jQuery制作动态百分比数字显示进度条-Web前端(W3Cways.com) - Web前端学习之路
HTML/CSS

CSS3+jQuery制作动态百分比数字显示进度条

admin阅读(6622)评论(0)赞(0)

今天分享一个利用css3制作动态进度条以及附加jQuery百分比数字显示。其效果对比flash来说却毫不逊色,有一个精致的动画进度条,上面还有当前进度的百分比数字显示,而且还会跟着进度条而移动。相信追求新颖的朋友来说一定会非常的喜欢。 HT...

HTML/CSS

让IE6到IE9也支持CSS3功能

admin阅读(4654)评论(0)赞(0)

先看下效果,自己可以在下面测试一下 使用方法 Step 1:下载 下载PIE并解压 Step 2:上传 上传解压缩包的内容到一个目录你的Web服务器上。 Step 3: 写一些CSS3 假设你已经有了一个HTML文件,让我们说你想给它的元素...

用CSS3关键帧制作个人技能栏-Web前端(W3Cways.com) - Web前端学习之路
HTML/CSS

用CSS3关键帧制作个人技能栏

admin阅读(4857)评论(0)赞(0)

这种设计技术一般在个人投资组合或设计工作室的网站中找的到。技能条代表知识与某些任务的水平 – 网页设计,插图,品牌,个性设计,!添加一些花哨的动画,这些技能栏将提供给观众一个更快的连接。 当然,这个做简历的话也是个不错的选择! ...

使用CSS3的@media来实现网页自适应-Web前端(W3Cways.com) - Web前端学习之路
HTML/CSS

使用CSS3的@media来实现网页自适应

admin阅读(55758)评论(3)赞(0)

如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。 作为web前端开发...