标签：css3

2018-04-24admin阅读(38376)赞(5)

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

2016-10-26admin阅读(12091)赞(3)

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

2016-09-09admin阅读(19104)赞(0)

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

2015-11-03admin阅读(9868)赞(1)

（本篇只介绍PNG图像问题，当然还可以用SVG来替代，后面会介绍SVG的用法。） 假设我有一个Sprite图像如下图（单个ICON尺寸为26px * 26px,这里为了演示方便，只放2个ICON） 在PC上使用如下CSS，ICON显示正常，...

2015-07-20admin阅读(6396)赞(0)

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

2014-11-21admin阅读(82428)赞(1)

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

2014-05-12admin阅读(9759)赞(0)

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

2014-04-22admin阅读(6999)赞(0)

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

2014-02-07admin阅读(7122)赞(0)

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

2014-01-16admin阅读(62253)赞(0)

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