H5教程 - 第30页

PHP前端开发

HTML5实践- 使用css3丰富图片样式的示例代码

在css3中，直接在图片上使用box-shadow 和 border-radius，浏览器并不能很好的渲染。但是如果把图片作为background-image，添加的样式浏览器可以很好的渲染。我将会介绍如何使用box-shadow, bor...

3个月前 (10-18)
HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解

今天读了篇关于如何使用css3创建3d四面体的文章，觉的相当不错，所以拿出来和大家分享一下。首先要和大家分享的是，如何使用p+css创建三角形。在这里我先把相关代码粘贴出来，然后再为大家讲解原理。html：<p id="pyramid...

3个月前 (10-18)
HTML5实践-使用css3如何完成google涂鸦动画的详解

今天我们将介绍，如何使用css3完成google涂鸦动画。当你点击demo页面的【开始】按钮之后，页面中的骑手和马匹将会运动起来，这里需要强调的一点是，ie不支持css3的动画属性，再次抱怨下万恶的ie。但是我们不能以此为理由不去拥抱css...

3个月前 (10-18)
HTML5实践-三步实现响应式设计的详细介绍

响应式web设计现在已经不是一个难事了，如果你还不熟悉他，如果你是一个初学者，可能响应式设计对你来说有点发杂，但实际上他比你想象的要简单的多。为了方便你更快的学习响应式设计，我特意写了这个教程，通过简单的三个步骤你就能掌握响应式设计的基本逻...

3个月前 (10-18)
HTML5实践-使用CSS实现弹性视频的代码分享

当我编码elemin theme（我最近设计的一个响应式的站点）的时候，我遇到的一个跳帧就是，如何能让嵌入式的视频在尺寸变化上变得更加灵活。使用max-width:100% 和height:auto可以让html5的video标签很好的工...

3个月前 (10-18)
HTML5实践-在非响应式设计中如何使用ViewPort meta标签的方法介绍

大家都知道viewport标签对于响应式设计的意义，但是你们可能不清楚，他对于非响应式设计也有相当的作用。如果你的站点还是非响应式的，那么通过本文你将学会，如何使用viewport标签增强你站点在mobile设备上的显示效果。Viewpo...

3个月前 (10-18)
HTML5实践-使用CSS3 Media Queries实现响应式设计的代码分享

现在屏幕分辨率的范围很大，从 320px (iphone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设...

3个月前 (10-18)
HTML5实践-CSS3 Media Queries详情介绍

css2允许你对特定media类型制定样式，例如针对屏幕或者打印机。css3提供了更加强大的media queries，你可以针对不同media类型设置表达式，根据不同的条件设置不同的样式。例如你可以为大屏幕设置一种样式，为mobile设置...

3个月前 (10-18)
HTML5实践-使用css装饰图片画廊的代码分享（二）

在上一讲中，我们的解决方案使用到了jquery去创建一个span标签。在这一讲中我们将用一种更好的解决方式，使用:before 和 :after 伪类。:before经常会用到，他可以用来添加额外的元素。 HTML下面是一个ul列表代表的图...

3个月前 (10-18)
HTML5实践-使用css装饰图片画廊的代码分享（一）

本节课我们将介绍，如何使用css在不修改图片源的前提下装饰你的图片画廊。这里用到的技巧也很简单，就是在图片之前创建一个，并在span上使用background-image生成一个遮罩的效果。这种方式既简单又灵活，demo中介绍了20多种样式...

3个月前 (10-18)

‹‹ ‹ 26 27 28 29 30 31 32 33 34 35 › ››

本站为非盈利性网站,不接受任何赞助和广告。

特别声明：本网站尊重并保护知识产权，根据《信息网络传播权保护条例》，如果我们转载的作品侵犯了您的权利,请在一个月内通知我们，我们会及时删除。 | 举报邮箱：344225443@qq.com

互联网ICP备案：陕ICP备2023000799号 Copyright 2023-2024 sharedbk.com All rights reserved | (c)2008-2024 共享博客