本人之前已经使用Bootstrap有一段时间了，但是之前做出的网站都只是在电脑端使用，没有注意过手机端的显示效果。这两天自己使用Bootstrap做了一个简单的Web个人日志系统，想在手机端也使用，桌面端的效果勉勉强强，但是当用手机打开页面时，效果不忍直视。下面是其中一个界面的效果。桌面浏览器查看效果：手机浏览器查看效...

css很强大，jQuery也很强大，两者结合在一起就是无比强大。这里要介绍的这个单击文字或图片内容放大居中显示的效果就是这两者结合的产物。先来介绍css和jQuery各自发挥了什么作用吧：css：自适应圆角投影效果好吧，我承认我写这个圆角投影自适应效果花了好几个小时，加上将自己的自适应代码写入JavaScript中，完...

一、平行四边形1.使用两个元素实现html<aclass="button"><div>clickme</div></a>css.button{margin:50px;display:inline-block;background:#404ED3;transform:ske...

直接进入正题，鼠标跟随，顾名思义，就是元素会跟随着鼠标的移动而作出相应的运动。大概类似于这样：通常而言，CSS负责表现，JavaScript负责行为。而鼠标跟随这种效果属于行为，要实现通常都需要借助JS。当然，本文的重点，就是介绍如何在不借助JS的情况下使用CSS来模拟实现一些鼠标跟随的行为动画效果。 以上面...

 知识点：fadeIn  fadeOut fadeToggle fadeTo1<style>2div{3width:150px;4height:300px;5background-color:pink;6display:none;7}8</style&...

上下滑动：slideDown  slideUp slideToggle1<style>2div{3width:150px;4height:300px;5background-color:pink;6display:none;7}8</style>9<butto...

这里用到三个函数方法：show()  hide() toggle()注意点是三个方法里面的两个参数的使用，前一个参数是时间，表示显示速度；后一个参数是回调函数，只有前面的动画执行完之后，回调函数才会执行1<style>2div{3width:150px;4height:300p...

在之前所写过的博客园自定义页面风格设计篇中，我们已经说明了其中两种风格的页面设计，鼠标图案的修改，公告栏的设置，背景音乐的制作，关于CSS以及用Canvas和requestAnimFrame做动画特效，在本文中我们将教大家制作当前简约的页面制作方法。只要你们有需求，我会尽量帮助到大家，在此感谢各位广大粉丝的支持和理解，...

　　本文将详细介绍CSS文本效果 凸版印刷效果　　这种效果尤其适用于中等亮度背景配上深色文字的场景；但它也可用于深色底、浅色字的场景，只要文字不是黑色并且背景不是纯黑或纯白就行【浅色背景深色文本】background:hsl(210,13%,60%);color:hsl(210,13%,30%);text-s...

Tooltip也就是内容的提示信息，合理使用可以给用户比较好的体验。实现方法有很多种，有很多JS插件，我这里介绍的是纯CSS实现的方法，兼容性也比较靠谱,IE8+均可正常显示。实现方法也非常简单。<aclass="css-tooltip"href="http://fatesinger.com/73887"data...

很多人都是知道现在QQ有个付费群功能。以往加群需要你填写一些验证信息给管理员，管理员看你顺眼就放你进去，不顺眼你就进不去了。另外还有一些打广告的人难免会被管理员误判给放进去，令管理员苦恼不已，总有审核失误的时候。但是QQ付费群的推出几乎解决了进不了群、还有打广告的问题。因为付费群你只要付费了就可以直接进群，无需审核，另...

text-shadow还没有出现时，大家在网页设计中阴影一般都是用photoshop做成图片，现在有了css3可以直接使用text-shadow属性来指定阴影。这个属性可以有两个作用，产生阴影和模糊主体。这样在不使用图片时能给文字增加质感。text-shadow曾经在css2中就出现过，但在css2.1版本中又被抛弃了...

快捷z后鼠标左键放长轨道alt+鼠标左键缩放轨道p后鼠标左键也可以使用ctrl+左键添加关键帧一个关键帧控制整个轨道2个以上移动关键帧只能控制其两端没有关键帧的区域 步骤项目面板新建项颜色遮罩2添加轨道3拖动关键帧完成效果...

如图所示：  日期时间类中带了一个T，以上这种格式LocalDateTime格式化的时候默认日期时间格式：ISO.DATE_TIME（按笔者目前的知识理解是ISO8601规范中的日期时间格式化）想要把他转换成我们日常使用(习惯)的日期格式，只要在字段上面添加@JsonFormat(pattern="...

在以往的认知中，一直以为用原生JS写轮播是件很难得事情，今天上班仿照网上的写了一个小demo。小试牛刀。大致效果：html结构很简单，两个列表，一个代表图片列表，一个是右下角序号列表。<divid="box"><ulclass="list"><li><imgsrc="01.jp...