随笔分类 -  CSS3

上一页 1 2 3 4 5 6 ··· 17 下一页
样式设置
摘要:CSS3 Filter(滤镜)属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。这里给大家分享的这个网站,大家可以体验下 CSS3 对图片的处理效果,例如灰度,模糊,饱和,老照片等。 阅读全文
posted @ 2015-05-18 12:04 梦想天空(山边小溪) 阅读(5667) 评论(0) 推荐(0) 编辑
摘要:今天这篇是2015年第3期(总第34期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。 阅读全文
posted @ 2015-04-15 13:48 梦想天空(山边小溪) 阅读(14438) 评论(3) 推荐(8) 编辑
摘要:Codrops 给我们分享了一组新鲜的按钮样式和效果的集合。它们中的大部分效果都使用了 CSS3 过渡和伪元素,他们都有一个共同点,那就是简单性,没有太多的动画,而是尝试添加一些通过颜色和形状的变化呈现的效果。 阅读全文
posted @ 2015-04-13 10:01 梦想天空(山边小溪) 阅读(5356) 评论(0) 推荐(1) 编辑
摘要:AnimatedModal.js 是一个用来创建一个全屏模态窗口的 jQuery 插件,基于 CSS3 过渡实现。您可以利用 Animate.css 中的转换或自行创建自己的过渡效果。支持 Firefox、Chrome、Safari、Opera 和 IE 10+ 浏览器。 阅读全文
posted @ 2015-04-07 10:58 梦想天空(山边小溪) 阅读(6925) 评论(0) 推荐(0) 编辑
摘要:在我们的认识中,CSS 所能做的就是改变网页的排版布局,调整字间距等。然而,这里我们要介绍的则是使用 CSS3 制作字体。CSS SANS 可以通过 CSS 技术创建的A-Z字体,一起来围观下。 阅读全文
posted @ 2015-03-25 09:24 梦想天空(山边小溪) 阅读(4226) 评论(5) 推荐(0) 编辑
摘要:下拉菜单是一个很常见的效果,在网站设计中被广泛使用。通过使用下拉菜单,设计者不仅可以在网站设计中营造出色的视觉吸引力,但也可以为网站提供了一个有效的导航方案。使用 HTML5 和 CSS3 可以更容易创造视觉上充满吸引力的下拉菜单。 阅读全文
posted @ 2015-03-19 13:38 梦想天空(山边小溪) 阅读(24796) 评论(0) 推荐(3) 编辑
摘要:今天这篇是2015年第2期(总第33期),希望你能在这里发现有用的资料。梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。 阅读全文
posted @ 2015-03-12 13:47 梦想天空(山边小溪) 阅读(8034) 评论(4) 推荐(12) 编辑
摘要:SpaceBase 是一个基于 Sass 的响应式 CSS 框架。SpaceBase 是可以在建立和定制您的需要的一个样板层,它结合最佳实践为今天的响应式网页与我们对每一个项目中使用的核心组件。 阅读全文
posted @ 2015-02-10 14:39 梦想天空(山边小溪) 阅读(4242) 评论(2) 推荐(0) 编辑
摘要:Titon Toolkit 是一个非常强大的用户界面组件,也是实现响应式,移动和现代网页的工具类的集合。每个组件封装了 HTML、CSS 以及为角色特定页面元素的 JavaScript 功能。Toolkit 使用了最新和最伟大的技术,包括 HTML5、CSS3、Sass、Gulp、包管理以及JavaScript的层强有力的新的浏览器的API 。 阅读全文
posted @ 2015-02-05 13:47 梦想天空(山边小溪) 阅读(5349) 评论(0) 推荐(1) 编辑
摘要:今天,我们想给大家分享一些全屏遮罩效果的灵感。像任何其它的UI组件一样,网页设计不断有新的趋势和风格出现,我们想尝试的遮罩有一些微妙的,还有奇特的效果。这些遮罩的特别之处在于,他们没有像模态窗口那样固定大小而是占据整个屏幕,因此创建效果时,人们必须考虑到这一点。 阅读全文
posted @ 2015-01-30 10:48 梦想天空(山边小溪) 阅读(11315) 评论(0) 推荐(1) 编辑
摘要:梦想天空博客关注前端开发技术,分享各类能够提升网站用户体验的优秀 jQuery 插件,展示前沿的 HTML5 和 CSS3 技术应用,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具,希望这些精心整理的前端技术文章能够帮助到您。 阅读全文
posted @ 2015-01-28 15:06 梦想天空(山边小溪) 阅读(6606) 评论(3) 推荐(2) 编辑
摘要:在去年,我给大家分享了《基于 CSS3 的精美模态窗口效果》,而今天我要与大家分享一些新鲜的想法。风格和趋势变化,要求更加适合现代UI的不同的效果。这组新模态窗口效果包含了一些微妙的动画,还有一些应用了SVG变形技术。 阅读全文
posted @ 2015-01-26 09:51 梦想天空(山边小溪) 阅读(9414) 评论(0) 推荐(0) 编辑
摘要:这个下拉菜单可以让你的网站非常优雅,滑动框导航效果令人印象深刻。此外,子菜单框也可以与此集成起来以使其更具吸引力。导航是网站成功的关键之一,有吸引力的导航能够引导用户浏览网站中的更多内容。 阅读全文
posted @ 2015-01-18 12:35 梦想天空(山边小溪) 阅读(13676) 评论(0) 推荐(1) 编辑
摘要:在本教程中,我们将创建一个很好看的照片画廊效果。我们的想法是,以显示专辑作为一个滑块,而当这张专辑被选中,我们将使用一个美丽的照片堆栈展示专辑的图像。在照片堆栈视图,我们可以通过将最上面的图像移动到所有照片后面的方式浏览。 阅读全文
posted @ 2015-01-08 09:50 梦想天空(山边小溪) 阅读(3842) 评论(0) 推荐(1) 编辑
摘要:产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。Web 界面上交互的方式很多,只要你去探索,你会发现很多让你眼前一亮的想法。这里集合了12个来自 Codrops 的创新的界面交互和动画效果,值得我们去研究和使用。 阅读全文
posted @ 2015-01-06 14:14 梦想天空(山边小溪) 阅读(12067) 评论(7) 推荐(3) 编辑
摘要:今天我们要为您展示如何基于 jQuery 和 CSS3 创建一个整洁的图片墙效果。我们的想法是在页面上洒上一些大小不同的缩略图,并在当我们点击图片时候显示丝带,会显示一些描述,再次点击缩略图时,丝带将关闭并重新打开一个更大的图像预览效果。 阅读全文
posted @ 2015-01-05 09:15 梦想天空(山边小溪) 阅读(4966) 评论(3) 推荐(2) 编辑
摘要:BonBon 是一组使用 CSS3 制作的甜美的糖果按钮样式。在过去,我们都是使用图片或者 JavaScript 来实现漂亮的按钮效果,随着越来越多的浏览器对 CSS3 的支持和完善,使用 CSS3 来实现美观的按钮已没有太多的障碍。 阅读全文
posted @ 2014-12-29 09:58 梦想天空(山边小溪) 阅读(4898) 评论(0) 推荐(0) 编辑
摘要:今天的教程是关于创建使用 CSS 旋转变换和 JavaScript 制作动画书签效果。我们的想法是展现出样书状结构,使单一的色板或列表点击切换。当点击其中一项,我们就会旋转以显示所选择的项目。 阅读全文
posted @ 2014-12-25 14:11 梦想天空(山边小溪) 阅读(6347) 评论(0) 推荐(0) 编辑
摘要:现在的网页设计风格正在朝着扁平化发展,力求布局简洁,突出主题内容。而另一方面,网页交互则变得越来越多样性,让用户在操作的时候可以更愉悦。当下很流行给网页元素添加动画,随着 Web 技术的发展,动画的实现方式有多种:JavaScript、CSS3、SVG 以及 Canvas。这篇文章挑选6款帮助前端开发人员实现元素动画的插件。 阅读全文
posted @ 2014-12-24 15:14 梦想天空(山边小溪) 阅读(16322) 评论(9) 推荐(33) 编辑
摘要:在这个小实验中,我们创建了一个交互式的照片堆栈效果。提供了一些模拟现实的互动的可能性给用户。这个想法的思路是:有一些照片在桌面上可以拖放一样,堆放和删除,每个动作类似现实世界的行为。 阅读全文
posted @ 2014-12-19 11:11 梦想天空(山边小溪) 阅读(3010) 评论(0) 推荐(0) 编辑

上一页 1 2 3 4 5 6 ··· 17 下一页