2017年7月24日 | | 标签:

今天进行技术分享的是 @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实现曲线、翘边阴影的效果,详细讲解

http://www.imooc.com/learn/240