我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！我写了一个按钮切换的创意小功能，点击可以切换按钮图案。

前言 在我写的之前的文章中，大多数都是针对一个技术点进行讲解，因为我是一个没有创意的人，所以很少写什么有很漂亮的效果的文章或者demo； 而这次是因为之前有一次逛掘金，看到了竞赛的模块，然后手一抖就点

1.简介 对于初学前端的小白来说css样式的设计很考验基本功和创意想法，而在项目开发中我们不可能将大部分的时间用于CSS代码的编写，能复用的就复用。因此我特意总结了16个在项目开发中常用的CSS样式，

之前有一个头像渐变边框的需求，当时是全部用的切图，但是不同的地方可能头像大小不一样，切图适配性太差，正好这几日学了下css渐变的各种妙用，想到之前的头像边框其实可以用渐变来实现。 当时用到的头像切图：

一个结构层次清晰的导航是网站必不可少的功能之一，它可以帮助用户快速轻松的找到想要的信息，本文整理分享了几款很不错的导航交互效果，希望可以给你的项目添砖加瓦。

介绍 大家好，我是爱吃鱼的桶哥Z，在日常的开发中，我们经常会与表单元素打交道，其中最常用的莫过于账号密码的输入框，今天我们就一起来学习一下丰富的自定义输入框交互动画。首先还是先来看一下最终的实现效果，

css 众所周知可以做很多的事情，比如：界面效果、特效、独特的样式等。今天给各位朋友带来的是以 box-shadow 来画一个很有质感效果的一个盒子。 之前在网上冲浪的时候，发现了这样的一个效果

我正在参加「创意开发 投稿大赛」详情请看：掘金创意开发大赛来了！ 效果展示 Demo代码 HTML CSS 原理详解 步骤1 使用span标签，设置为 相对定位 宽度、高度均为50px 背景色：白色

让border线条动起来，感兴趣吗？ 今天，手把手教你用纯css3简单实现一个流畅的描边动画。废话不多说，直接上才艺。