DY点线面

  • 首页
  • blog
  • 设计导航
  • 下载
  • 关于
纯css
代码

纯CSS实现彩虹loading动画

在Pinterest上看到一张loading图,如下,忽然想把它用css写出来,于是就写了。。。 可能实现效果不一定完全一模一样,权当是娱乐了。

2018年10月24日 0条评论 344点热度 2人点赞 D. Young 阅读全文
代码

Codepen按钮CSS动效第三弹

Tapbar Button Animation HTML + CSS + JavaScript DEMO and CODE DOWNLOAD   Cool Hover Effect HTML + CSS DEMO and CODE DOWNLOAD   CSS SquareJam Social Buttons HTML + CSS (SCSS) DEMO and CODE DOWNLOAD Social Sharing Button HTML + CSS (SCSS) + JavaScript …

2016年5月9日 0条评论 672点热度 0人点赞 D. Young 阅读全文
文章

18个你可能不相信是用CSS制作出来的东西

与流行的看法相反,CSS不仅仅是用来提供一个WEB页面的基本风格,以使它看起来更有吸引力。还有很多其他的事情,CSS也可以做的很好。由于它创建动画和交互的能力,CSS集合HTML以及JavaScript给WEB开发者提供了尝试不同方法的机会。 浏览器就像一个空的画布,WEB开发者可以在这里尽情的发挥。下面是18个人们用CSS创建的又酷又有创造性的东西的例子,从原始字符到有趣的动画,有很多激励你自己将时间花费在CSS上。   1. The Simpsons Chris Pattle使用纯CSS创建了Simp…

2015年12月15日 1条评论 421点热度 0人点赞 D. Young 阅读全文
代码

实用教程,用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展,有些东西我们可以纯用CSS去实现,取代那些需要使用背景图片的老技术。在这篇教程中,我们将创建扁平化的面包屑导航链接,不再需要使用之前流行的“推拉门式的背景图片”。   我们将面包屑链接设计成类似雪佛龙的样式,表达向下获取内容的意思。过去我们用背景图片实现这一效果,现在我们将在边框border属性的帮助下,纯用CSS实现相同的效果。 第一步 1 2 3 4 5 <div id="crumbs"> <ul> <li><a href="…

2015年5月9日 0条评论 429点热度 0人点赞 D. Young 阅读全文
代码

纯CSS动效——摇摆的娃娃

在codepen网站发现大神写的纯css动效一枚,摇摆的娃娃,不敢自己独享,发来给大家看看 点击查看效果演示   CSS样式 * { margin: 0; padding: 0; } html, body { height: 100%; background: #f0f0f0; } #wrap { margin: -200px 0 0 -250px; width: 500px; height: 400px; background: #86b1c2; border: 20px solid #FFF; box…

2015年4月29日 0条评论 294点热度 0人点赞 D. Young 阅读全文

D. Young

这个人很懒,什么都没留下

站内搜索
标签聚合
图标 字体 网页设计 CSS 用户体验 logo 动效 设计

Copyright ©2014-2021 DY点线面. All Rights Reserved. 站点地图

THEME KRATOS MADE BY VTROIS

鲁ICP备15008799号-1