用空白属性转换CSS

-1

我有一个空白属性的问题，实际上，我删除指针时出现了转换错误。你可以在Codepen或下面的代码片段看到它。用空白属性转换CSS

.changement { 
 
    margin-top:2px; 
 
    color:white; 
 
    font-size:1em; 
 
    font-family: "Century Gothic"; 
 
    overflow: hidden; 
 
    width:16em; 
 
} 
 

 
.changement .entete { 
 
    overflow: hidden; 
 
    border-radius: 9px; 
 
    text-align:center; 
 
    line-height:1.85em; 
 
    cursor:pointer; 
 
    text-overflow: ellipsis; 
 
    white-space: nowrap; 
 
    -webkit-transition: all .7s ease .1s, max-height .7s ease 0s, white-space .1s ease 1s; 
 
    padding-left:.625em; 
 
    padding-right:.625em; 
 
    max-height:1.85em; 
 
} 
 

 
.entete:hover { 
 
    white-space: normal; 
 
    max-height:8em; 
 
} 
 

 
.technique .texte { 
 
    background-color: #5698C4; 
 
} 
 
    
 
.technique .entete { 
 
    background-color: #38627F; 
 
}

<div class="changement technique" id="C14789120"> 
 
    \t <div class="entete"> TITRE BEAUCOUP VRAIMENT BEAUCOUP TROP LONG MAIS ALORS VRAIMENT TROP LONG !!! </div> 
 
</div>

只是删除空格，你会看到过渡工作。你有一些技巧来解决它吗？提前谢谢！

来源

2017-04-24 Cameron M.

我没有看到任何区别 –

过渡似乎对我没有任何调整，我的问题到底是什么？ – sol

不能得到问题:) –

-1

我已经在这里连接其做工精细图像，让我知道了什么是你所面对的具体问题？

是的，我与@plaesbo如果你将CSS添加为文本对齐左转换，但将被修复。

来源

2017-04-24 11:40:33 Sangrai

这是一个评论，而不是一个答案。 – sol

@ovokuro你有问题吗？ –

是的，我确定我在问什么是确切的问题 – Sangrai

将.changement .entete的文本对齐放置在左侧似乎可以在悬停时创建平滑的动画。

来源

2017-04-24 12:19:14 Plasebo

当悬停时动画效果不错，但是当您移除鼠标时，关闭div的动画根本不流畅 –

用空白属性转换CSS

回答

相关问题