当前分类

代码

代码 作品

纯CSS液态形状动画

D.Young 1886 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
看到一个描边圆角工具,突发灵感写一个液态动画效果 具体原理是通过css的圆角和旋转来实现,很简单   效果图:   …

代码 作品

纯CSS实现彩虹loading动画

D.Young 1861 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
在Pinterest上看到一张loading图,如下,忽然想把它用css写出来,于是就写了。。。 可能实现效果不一定完全一模一样,权当 …

代码 作品

纯CSS实现描边飞入飞出

D.Young 2140 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
  忽然的想法,想写个纯CSS的飞入飞出效果 …

代码 笔记

#笔记# jquery追加元素的几种方法

D.Young 1407 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
  jquery追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())   …

代码 作品 网页设计

【韩都动效设计】红包领取页面h5

D.Young 2484 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
最近更新的微信红包领取页面H5     …

代码 笔记

利用chrome“开发者工具“检测网站页面载入速度

D.Young 3906 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
网站加载速度在用户体验中是一个很重要的因素,虽然从很早以前就在研究如何加快网站速度,但是一直都是凭借第三方网站及主 …

代码 文章 用户体验

手机端chrome还是很好用的【美化去广告推荐】

D.Young 2952 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
  适当调整下chrome界面还是不错的,这个示例是我自己手机设置的,当然主页是自己写的,很多导航类主页像hao123、hao3 …

代码

#笔记#Flex 布局教程:实例篇

D.Young 1333 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。 你会看到,不管是什么布局,Flex往往都可以几行命令搞定。 …

代码

#笔记#Flex 布局教程:语法篇

D.Young 1278 0


Warning: Undefined array key "adf" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 41

Warning: Undefined array key "sim_pages" in /www/wwwroot/blog.5iux.cn/wp-content/plugins/rejected-wp-keyword-link-rejected/wp_similarity.php on line 42
网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + floa …

微信扫一扫,分享到朋友圈

#笔记#Flex 布局教程:语法篇
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close