今天进行技术分享的是 @ellen ,精彩分享内容如下:
一、多行文字显示省略号的方法:
1)css样式控制:
.home-application-hover p{ color: #333; line-height:1.4em; /* 3 times the line-height to show 3 lines */ height:4.2em; font-size: 18px; position:relative; overflow: hidden; } .home-application-hover p::after { content:"..."; font-weight:bold; position:absolute; bottom:0; right:0; padding:0 20px 1px 45px; }
2) 使用dotdotdot.js插件的方法
http://www.lanrenzhijia.com/jquery/3623.html
二、相关触发效果的链接:
1)鼠标悬停CSS3按钮动画特效
http://www.lanrenzhijia.com/demos/41/4183/demo/
2)动画过渡效果jQuery打开模态窗口代码
http://www.lanrenzhijia.com/jquery/4145.html
3)图片触发效果
http://gudh.github.io/ihover/dist/
4) css3实现曲线、翘边阴影的效果,详细讲解