整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
图1
图2
图3
就爱UI - 分享UI设计的点点滴滴
长假到来了，大家五一长假有什么节目呢？不妨可以在留言区分享下游玩的攻略！
前段时间在浏览github的时候，无意中发现了这样一个项目！它罗列了50+个基于HTML/CSS跟Javascript实现的小型网页项目，号称是可以让你50+天学习使用不带重样的。老码硬是不厌其烦的把每个项目的demo都点了一遍过去，确实无论是样式还是特效都可谓是美轮美奂，爱不释手！恨不得麻烦就能把它们应用到自己的网页中。那么我们先来看看其中的一些吧，因为实在太多了，本文实在罗列不过来，喜欢的朋友可以到开源地址看看，地址我放文末了！
扩充卡片，点击后显示另外的卡片效果
进度步骤条，点击可进入下一步的特效
酷炫的旋转导航动画
分页动画
动态的登录页模版
漂亮的倒计时特效
等等类似的这样的HTML/CSS Javascript项目有50+个，可以说是应有尽有了，假如你是一个网页设计师，或者美工，亦或者是前端开发者或者想学习前端的后端开发者，我想这些项目都是很不错的资源。都是有直接源码可以参考学习的
针对这些项目，你可以学习到一些设计灵感，你可以学到如何使用网页特效，你可以学习到漂亮的样式效果等等。总而言之，这个项目我个人认为是非常值得学习推荐的，喜欢的童鞋们具体可以去看一下下。我相信你们是可以看有所得的。对了，如果你觉得这篇写的东西对你有用，就分享下吧！
开源地址：https://github.com/bradtraversy/50projects50days
热门开源及工具推荐
22.9K star！后端&运维必备神器，推荐！
天来实现一个特殊图形的旋转，这个图形类似于钻石
通过样式动画调节，让其运动旋转起来，感兴趣的小伙伴多多支持！
首先分析该图形的组成，可分成上下两大部分，上面包含六个正三角形，下面有6个倒三角形！
css实现正三角形：上右下左的方向 border-style: solid;border-color:transparent;border-width: 0 50px 170px 50px; border-bottom-color: rgba(255,0,0,0.5)
css实现倒三角形：上右下左的方向 border-style: solid;border-color:transparent;border-width: 170px 50px 0 50px; border-top-color: rgba(255,0,0,0.5)
然后提供一个3D环境，给外层盒子添加 transform-style: preserve-3d;flat 所有的子元素在2D平面中;preserve-3D 所有的子元素 在3D 平面中
具体代码看下面
html结构：
css样式：
*请认真填写需求信息，我们会在24小时内与您取得联系。
