2016-10-13 17:06发布
上图所示,默认显示固定行数,点击箭头显示全部内容,目前是使用 -webkit-line-clamp 实现,但是过渡的时候没有动画效果,大家有什么别的方法吗?
-webkit-line-clamp
http://codepen.io/bran93/pen/... 把transiton用于max-height,但是有一个问题就是max-height 不好确定
<!DOCTYPE html><html><head>
实现的方式不少,可以用css动画,也可以用jquery等,个人思路:先设置一个固定高度,点击箭头,换个高度即可,例如:
</head><body>
你试一下用transition过渡。html:
建议使用css的transation, 设置div点击前后的height, 与展开动画,动画时间,就可以简单实现,完全不用js,js控制dom元素做动画是非常低效的,动画效果不应该考虑用它实现
最多设置5个标签!
付费偷看金额在0.1-10元之间
http://codepen.io/bran93/pen/... 把transiton用于max-height,但是有一个问题就是max-height 不好确定
<!DOCTYPE html>
<html>
<head>
实现的方式不少,可以用css动画,也可以用jquery等,个人思路:
先设置一个固定高度,点击箭头,换个高度即可,例如:
</head>
<body>
你试一下用transition过渡。
html:
建议使用css的transation, 设置div点击前后的height, 与展开动画,动画时间,就可以简单实现,完全不用js,js控制dom元素做动画是非常低效的,动画效果不应该考虑用它实现
一周热门 更多>