2 u011622892 u011622892 于 2015.05.25 16:03 提问

文字根据页面放大缩小,怎么逐渐的放大缩小,关键是“逐渐”二字

做网站,我是用百分比做的,出现一个问题,如果浏览器页面大小改变, 文字怎么跟着也逐渐放大和缩小,必须要 文字逐渐的 放大和缩小?关键是“逐渐”二字。

2个回答

zsf159258346
zsf159258346   2015.05.25 17:40

jQuery animate()方法,创建自定义动画

<!DOCTYPE html>

$(document).ready(function(){ $("button").click(function(){ var div=$("div"); div.animate({left:'100px'},"slow"); div.animate({fontSize:'3em'},"slow"); }); });

开始动画

默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。

HELLO



仅做参数,注意引入jQuery

showbo
showbo   Ds   Rxr 2015.05.25 17:45

用HTML5的scale动画

CSS3动画

DEMO

 <style>
#nav a:hover{
    /* 这可以让你的导航链接在鼠标经过的时候轻微的放大 */ 
    -webkit-transform: scale(1.5); 
    -webkit-transition:all 0.3s linear;

    -moz-transform: scale(1.5); 
    -moz-transition:all 0.3s linear;
    }
</style>
<div id="nav"><a href="#">菜单1</a> <a href="#">菜单2</a> <a href="#">菜单3</a></div>
Csdn user default icon
上传中...
上传图片
插入图片