Libx

Libx

Thoughts, stories and ideas

20个loading小动画//二
20个loading动画先说一点题外话吧,,最近好几天都没有在写博客/虽然我还是一直在学习css,嗯。/主要原因是什么呢?因为前几天我发现我暗恋的一个小女生有男朋友啦哈哈哈哈,绝望吧,就看着她跟她男票走那么近,然后我迎面走过,脸上应该还是一副很潇洒的样子吧。哈哈哈,心酸不。总之最近心情都不是很好,但是没人说啊,唉,我可能真的需要一个女朋友啦。突然都想把这篇文设为私密了,但是一想也没几个人看,那就不设了吧。 嗯,我们来继续谈技术。 3:原作者@Ben Sinca 来自codepen https://codepen.io/arcticben/pen/yMomZg 效果图懒得做了,想看的...
20个loading小动画|不定时更新
20个loading动画以下20个动画均来自codepen,原文:http://www.hongkiat.com/blog/free-animated-loaders/感觉比较有意思,准备一个一个的的实现一遍 持续更新: 1: CSS loader,基本实现出来是这样的: 这个应该来说是比较简单的,首先Markup<!DOCTYPE html><html><head> <title>加载效果</title> <link rel="stylesheet" type="text/css" href="practice8.c...
CSS实现有趣的小部件
CSS实现转动圆环欢迎界面这应该全是一个比较简单的小组件,但是个人感觉比较有意思,所以现在来写篇文。 组件的基本HTML文档如下:<!DOCTYPE html><html><head> <title>圆形动画</title> <link rel="stylesheet" type="text/css" href="4.css"></head><body><div class="demo"> <div class="pic"> <img src="53cdcf5ed...
CSS3实现文字流光效果
在百度前端技术学院(这里)上看到一个比较有意思的效果,@陈慕杰照着实现了一遍,现在来分享一下,最终要实现的效果:实现文字的流光渐变动画背景图需要进行模糊处理实现按钮边框的从中间到两边扩展开下面来一步步实现这些效果。页面结构: <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="6.css"> <title>有趣的鼠标悬浮模糊效果<...
初学前端的一些体会
前端小学生的幼儿园生涯感悟从正式开始学习前端大概有一个多月了,前端确实有着比较门槛比较低的特点,不过想要做好还是并不容易。现在应该说算是踏入了前端的缤纷世界了吧,虽然技术还很垃圾但是也能写出一点东西。今天有空,那就写一点东西吧。 学习前端是从《Head First HTML与CSS》以及学长分享的网易前端工程师课程视频开始的/在此推荐下那本书,很不错。刚开始就是按着书上的代码敲,刚开始是直接把css样式嵌入到html文件中的,后来跟着书慢慢的把样式表放到一个独立的文件中,书中并没有一下子把你需要的知道的东西都告诉你,而是从不完善到完善的过程,这也让我知道了很多东西为什么要那样做而不是这样...
腾讯云搭建个人博客
腾讯云服务器wp建站(windows sever+xampp+wordpress)都说搞技术的人都要有一个自己的博客,便想着折腾折腾,于是就搭了个个人博客。在腾讯云买了个服务器,学生机,只要通过认证就只需要一个月一块钱,当然性能是相对较弱了,(在此不当性能党)不过一个博客是完全够用了。而对于没玩过服务器的我来说真的是一点都不好搞,下面就写一篇简单的教程看来给大家分享一下。 本来是准备浪一波来自己配置环境的,后来意识到这对于没有配置过这种环境的人来说并太友好,折腾了好久也没有搞好,后来在网上找教程发现了这个建站神器XAMPP。也给以后的同志们提供一点建议。 XAMPP是一个功能强大的建站集...
avatar
Shady
for fun
FRIENDS