博客首页 → CSS3

最新文章列表

FullPage.js的使用方法和设置

  fullPage.js的使用方法和设置   简介 fullPage.js是一个基于jQuery的全屏滚动插件，它能够很方便、很轻松的制作出全屏网站 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式 ...
html5滚屏css3 
原水小子 评论(0) 有6710人浏览 2016-02-19 16:38

Css3学习笔记

      CSS3学习笔记 1.CSS样式表 1.1 概述          CSS样式表由选择器（selector）与样式规则（rule）组成，基本格式如下： h1 { color:red; } 其中h1为选择器，color:red;为样式规则
css3 
caillc 评论(0) 有1556人浏览 2016-02-19 11:22

CSS3图片贴墙效果

查看效果：http://hovertree.com/code/javascript/pwl4bhoi.htm   代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=u ...
css3javascripthtmlcsshtml5 
ini 评论(0) 有131人浏览 2016-02-17 10:12

HTML+CSS代码橙色导航菜单

   效果预览：http://hovertree.com/code/texiao/ks63r6aq.htm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>超漂亮的HTML导航菜单CSS代码 - 何问起</t ...
htmlcsswebcss3html5 
ini 评论(0) 有138人浏览 2016-02-16 01:07

CSS构造心形

查看效果：  http://hovertree.com/code/css/heartcss.htm <!doctype html> <title>纯CSS画心 by 何问起</title> <meta charset="utf-8"/> <meta name="keywords" conten ...
csscss3htmlhtml5web 
ini 评论(0) 有459人浏览 2016-02-13 10:13

CSS3选择器:nth-child应用实例

<!-- css如何匹配第几个li元素并设置样式: 如果有一个li元素列表，如果想设置指定位置li的样式。 这个在以前可能需要稍微麻烦一些，比如在这个要设置的li元素上添加一个class或者id之类。 但是上面的方式不够灵活，下面介绍一下如何通过伪类选择器实现此功能。 代码实例: -->   <!DOCTYPE html> <html> & ...
css3htmlcsswebhtml5 
ini 评论(0) 有107人浏览 2016-02-12 00:22

制作一个精美的CSS3时钟能学到不少东西

以前制作时针，大多使用flash，HTML5和CSS3出来后，flash冷了，使用HTML5和CSS3制作一个漂亮的时针，会用到许多新特性，这里推荐一个很容易使用的插件供参考，查看效果： http://hovertree.com/h/bjaf/hoverclock.htm   示例代码： <link rel="stylesheet" href="htt ...
javascripthtml5css3jquerycss 
ini 评论(0) 有251人浏览 2016-01-09 07:52

移动端web网站(手机APP网站)、Mobile网站、HTML5+CSS3网站开发

移动端web网站(手机网站)、mobile网站模版、HTML5网站    HTML5移动端手机网站开发！！！   最近一直在研究移动手机网站的开发，可能很多童靴和我一样认为手机网站做起来很难，调试起来更难，其实做过之后才觉得没有什么难事，只要多看些这方面的资料找个好的资源练下手，问题还是可以解决的！！！ 下面就说说怎么来开发移动手机网站吧！   一般我们自己手动开发手机网站的话，基本可 ...
Mobile网站html5css3移动端开发手机网站 
xiaoyan2015 评论(0) 有92人浏览 2015-12-27 20:22

移动端webApp滚屏、HTML5+CSS3满屏滚动 、手机翻页滚屏特效！

移动端webApp滚屏、HTML5+CSS3动画滚屏，让您的网站更有吸引力！！！ 移动端手机滚屏来啦！！！ HTML5+CSS3动画滚屏，jQuery触摸手机全屏上下滑动滚屏特效，JS+css3实现手机端滚屏效果，移动端制作满屏滚动效果， 移动端web网站(移动端web开发/APP开发)、移动端App模版、手机网站模版、HTML5+CSS3网站开发……   
HTML5CSS3移动端滚屏fullpage手机滚屏 
xiaoyan2015 评论(0) 有88人浏览 2015-12-27 19:59

HTML5+CSS3(rem) 轻松构建webAPP手机网站 移动端web网站

  移动端web网站(手机网站)、mobile网站模版、HTML5网站 webapp新体验Rem实现移动端网页适配，构建更好的webApp网站，移动端web网站(移动端web开发/APP开发)、移动端App模版、手机网站模版、HTML5+CSS3网站模版……   
HTML5CSS3移动端开发手机网站webApp 
xiaoyan2015 评论(0) 有27人浏览 2015-12-27 19:50

第51章 布局相关的样式-多栏布局

<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS3之前的布局</title> <style> .div1,.div2{ width:320px; float:left; b ...
html5css3布局 
onestopweb 评论(0) 有590人浏览 2015-12-10 10:14

CSS3中动画TRANSFORM必须要了解的SKEW变化原理

transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同的变化.今天我们来了解skew的变化原理. skew,其实使用的频率不是很高,当然也没有最低.但是往往,一直都不知道他的变化规则.所以使用起来有点摸不着头脑.动画上的使用,也就没那么优先考虑. skew有两个属性: skewX,skewY.其实变化也就针对这两个值来操作.   首先我们来看,最基本的 ...
css3html5前端编程动画transform 
towaywu 评论(0) 有1205人浏览 2015-12-10 10:09

第42文章 文字阴影与自动换行

<!doctype html> <html> <head> <meta charset="utf-8"> <title>文字阴影text-shadow</title> <style> h1{ text-shadow: 15px 15px 5px #000 , 30px ...
html5css3文字阴影自动换行 
onestopweb 评论(0) 有784人浏览 2015-12-09 14:40

第41章 使用选择器来插入内容

<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用选择器插入内容</title> <style> h2:before{ content:"[插入]&qu ...
html5css3选择器content 
onestopweb 评论(0) 有746人浏览 2015-12-09 14:29

第39章 UI元素状态伪类选择器

  <!doctype html> <html> <head> <meta charset="utf-8"> <title>选择器E:hover、E:active和E:focus</title> <style> /* :hover 选择器用于选择鼠标指针浮动在上面的元素。 : ...
html5css3input元素 
onestopweb 评论(0) 有926人浏览 2015-12-08 10:32

FLEX 网格布局及响应式处理

上一篇文章用Flex实现BorderLayout,这一章我们来实现常用的网格布局和响应式处理.   首先我们定义HTML结构,主Box为grid,每项为grid-cell,下面就是我们HTML代码结构.     <div class="grid"> <div class="grid-cell"> ...
html5css3灵活性网格布局响应式布局 
towaywu 评论(0) 有938人浏览 2015-12-04 10:57

CSS3 中FLEX快速实现BorderLayout布局

学习完flex的布局模式之后,我们趁热打铁,来实现一个BoxLayout布局.什么是BoxLayout布局?那我们先上一个图看看 BoxLayout布局写过后端UI代码的编程者应该不陌生了,写前端的代码的也同样很熟悉,包括html的框架frame.但以往的CSS中使用float浮动来进行控制,控制起来相对来说是复杂一些,也需要加入更多的标签和代码.   看完这个界面,我们就可以着手写出 ...
html5css3布局灵活性BorderLayout 
towaywu 评论(0) 有655人浏览 2015-12-04 10:57

CSS3中更灵活的布局方式

  flex是一个灵活性强的布局方式,它能够很好的控制内部元素的宽度,高度或者剩余的空间部分,来适应不同的显示设备和不同的屏幕尺寸,而真正达到一种自适应效果.   flex布局与常规布局截然不同,常规布局虽然在页面上显示很好,但对于大而复杂的项目,在方向改变,自适应大小,伸展和收缩等方面缺乏灵活性,flex最适合作为应用程序的组件,小规模布局使用;网格布局适用大规模布局.   ...
html5css3布局灵活性 
towaywu 评论(0) 有447人浏览 2015-12-04 10:51

CSS3实现平滑切换

CSS3实现平滑切换                                                                                                         ——我一直不太信任自己的记忆力，所以我把它们都写下来         一直很羡慕很多电子产品网站页面平滑切换的效果，跟着Amy自己也做了个，下面是效果图，配 ...
CSS3平滑切换 
云上太阳 评论(0) 有2265人浏览 2015-12-02 22:14

bootstrap中的标签和徽章

标签 在一些Web页面中常常会添加一个标签用来告诉用户一些额外的信息，比如说在导航上添加了一个新导航项，可能就会加一个“new”标签，来告诉用户。这是新添加的导航项。 那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。 既然他是一个独立的组件，当然在不同的版本下有不同的文件： ☑   LESS版本：对应的源文件label.les ...
bootstrapHTML5css3 
9秒学院 评论(0) 有515人浏览 2015-12-01 09:24

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics