HTML/CSS

HTML即超文本标记语言,标准通用标记语言下的一个应用。CSS即级联样式表,它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

[刘欢]HTML5动画与动效之五ANIMATION[前端入门系列]

[刘欢]HTML5动画与动效之五ANIMATION[前端入门系列]

William 12个月前 (11-23) 1145浏览 0评论

我猜,80%的前端在面对loading效果的时候,都会使用现成的loading代码或图片。其实自己动手做做这些小东西也是挺有意思的,至少能够让自己对CSS3和animation动画等方面有更加深入的了解。 大家好,最近几个月工作较忙,有好一阵子没有...

[刘欢]HTML5动画与动效之三逐帧动画[前端入门系列]

[刘欢]HTML5动画与动效之三逐帧动画[前端入门系列]

William 12个月前 (11-23) 1154浏览 2评论

在本系列的前两篇文章中我们分别对transition和animation动画有了基础的了解,这两种动画基本都是基于某种“属性参数变化”的动画。而当我们需要制作一些通过属性变化无法实现的动画效果时,就需要使用逐帧动画。在本篇教程中我们将介绍简单的逐帧...

[刘欢]HTML5动画与动效之二animation动画[前端入门系列]

[刘欢]HTML5动画与动效之二animation动画[前端入门系列]

William 12个月前 (11-23) 1033浏览 0评论

在本系列的第一篇文章中我们对transition动画有了基础的了解,本节我们将通过为图标元素创建动画效果,以此来着重学习另一种动画制作方法:animation动画。因此,本节的主题就是animation动画的理解与运用。 什么是animation动...

[刘欢]HTML5动画与动效之一transition动画[前端入门系列]

[刘欢]HTML5动画与动效之一transition动画[前端入门系列]

William 12个月前 (11-23) 985浏览 0评论

动画是一个Web作品中重要的“调味剂”。 在过去十余年中,web页面动画与动效的实现方式发生了巨大变化。最开始的页面动画往往是以GIF图片为主,其呈现内容大都是各类广告banner、站点链接等,浏览者与动画之间几乎没有交互。 随着Flash的出现,...

[刘欢]HTML+JavaScript自己动手做日历[前端教程]

[刘欢]HTML+JavaScript自己动手做日历[前端教程]

William 12个月前 (11-23) 1425浏览 4评论

当我们需要在页面中显示某月的事项,或是选择某一段日期时,常常要使用到日历组件。这一组件同样有着许多现成的类库,然而亲自动手开发一个日历,从中了解其实现原理也是非常必要的。在本例中我们就将制作一款非常经典的日历组件。 1. 创建DOM代码 本例的HT...

[刘欢]HTML5移动端交互之触摸操作篇

[刘欢]HTML5移动端交互之触摸操作篇

William 12个月前 (11-23) 1000浏览 0评论

在移动设备中,几乎所有的操作都和触摸有关,而基于这一特性,近年来在移动端中也兴起了一些较为特别的交互方式。用手指在屏幕上“刮奖”就是其中的一个非常典型的例子,它不仅需要前端设计师能够熟悉触摸手势的控制方法,还需要设计师掌握一定的图像处理技巧。接下来...

MUI新手指南

MUI新手指南

William 1年前 (2017-10-12) 1022浏览 0评论

Once you’ve downloaded mui, here’s what to do next. 快速体验 Quickly get up and running with a mui app. 1. 下载Hello...

CSS background-position 详解

CSS background-position 详解

William 1年前 (2017-09-13) 1042浏览 0评论

background属性是CSS中最常见的属性之一,它是一个简写属性,其包含background-color、background-image、background-repeat、background-attachment、background-po...

容器溢出强制换行Css

容器溢出强制换行Css

William 2年前 (2016-08-23) 1396浏览 0评论

容器溢出强制换行Css,很多容器都可以用,下面是pre的代码示例: <style type="text/css"> pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; w...