为了账号安全,请及时绑定邮箱和手机立即绑定

在页面加载时使用css进行淡入效果

在页面加载时使用css进行淡入效果

慕标琳琳 2019-06-25 16:04:29
在页面加载时使用css进行淡入效果CSS转换可以用于允许文本段落在页面加载中淡入吗?我真的很喜欢它的样子http://dotmailapp.com/并希望使用类似的效果使用CSS。注:该域名已被购买,不再具有上述效果。可以查看存档副本。浅谈回车机.插图具有此标记:<div id="test">         <p>This is a test</p></div>使用以下CSS规则:#test p {     opacity: 0;     margin-top: 25px;     font-size: 21px;     text-align: center;     -webkit-transition: opacity 2s ease-in;     -moz-transition: opacity 2s ease-in;     -o-transition: opacity 2s ease-in;     -ms-transition: opacity 2s ease-in;     transition: opacity 2s ease-in;}如何在加载时触发转换?

3 回答

?
桃花长相依

TA贡献1860条经验 获得超8个赞

关于如何在没有jQuery的情况下进行转换的问题。一个非常简单的例子。如果我有时间再想一想,我可能会完全消除javascript:

<style>body {
    background-color: red;
    transition: background-color 2s ease-in;}</style><script>window.onload = function() {
    document.body.style.backgroundColor = '#00f';}</script><body>
    <p>test</p></body>


查看完整回答
反对 回复 2019-06-25

添加回答

代码语言

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号