仿 trello php,使用jQuery-ui实现仿Trello风格的任务卡拖拉动画

CSS

语言：

CSSSCSS

确定

body {

background: #2c3e50;

}

* {

box-sizing: border-box;

}

.sortable__list {

list-style: none;

margin: 3em;

margin-left: -24px;

padding: 0;

text-align: center;

width: 100%;

-webkit-perspective: 500px;

perspective: 500px;

}

.sortable__item,

.ui-sortable-placeholder {

background: #ecf0f1;

border-radius: 5px;

cursor: pointer;

display: inline-block;

height: 5em;

margin: 1em;

position: relative;

vertical-align: top;

width: 15em;

}

.sortable__item h1,

.ui-sortable-placeholder h1 {

color: #2c3e50;

font-size: 1em;

margin: 1em 0;

}

.ui-sortable-placeholder {

background: #95a5a6;

box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);

}

.ui-sortable-helper {

box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);

cursor: move;

cursor: -webkit-grab;

cursor: -moz-grab;

-webkit-transform: rotateZ(4deg) scale(1.05);

transform: rotateZ(4deg) scale(1.05);

-webkit-transition: 0.2s -webkit-transform;

transition: 0.2s transform;

}

仿 trello php,使用jQuery-ui实现仿Trello风格的任务卡拖拉动画相关推荐

jQuery UI 实现仿购物车功能简洁的js
效果图 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3. ...
jquery ui仿腾讯web qq界面desktop酷炫特效
下载:20130709125708248 原文:jquery ui仿腾讯web qq界面desktop酷炫特效
魔客吧php登录界面模板,10款jquery实现的仿魔客吧模板展示特效
1.HTML5实现图形挤压变形动画今天我们要来分享一款很特别的HTML5动画特效,它是一款图形挤压动画.鼠标移动小球,该小球会和周围的几个小球产生挤压效果,从而使受挤压的小球产生相应的变形,利用HT ...
android按钮变输入框动画,AnimShopButton 仿饿了么加入购物车旋转控件 - 自带闪转腾挪动画的按钮。自带海量可定制 UI 属性。在 Re @codeKK Android开源站...
A shopping cart button with a telescopic displacement rotation animation ... 一个仿饿了么带伸缩位移旋转动画的购物车按钮 ...
Android UI基础仿闲鱼发布页
Android UI基础仿闲鱼发布页实现图: 源码地址: https://download.csdn.net/download/weixin_44758662/12819060 代码太长不好看建 ...
高仿淘宝分页:jQuery分页插件kkpager-Array-专题视频课程
高仿淘宝分页:jQuery分页插件kkpager-503人已学习课程介绍天底下万能的分页课程收益让所有人不再为分页所苦恼讲师介绍 Array 更多讲师课程 ...
html5导航栏悬浮置顶,jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单...
本文实例讲述了jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/D ...
分享高仿掌上大学html UI模板
原文:分享高仿掌上大学html UI模板源代码下载地址:http://www.zuidaima.com/share/1881332968098816.htm 官方验证: 该分享只有6个html页面的 ...
仿百度搜索框–jQuery版本
仿百度搜索框–jQuery版本时维九月,序属三秋.此吾工作三个月之日,亦是吾重拾博客之时.一路坎坷走来,经历良多,收获甚多. 正题百度搜索框是企业开发中常用的一项功能,作为一个前端工作者,自然也是 ...

仿 trello php,使用jQuery-ui实现仿Trello风格的任务卡拖拉动画

仿 trello php,使用jQuery-ui实现仿Trello风格的任务卡拖拉动画相关推荐

最新文章

热门文章