有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>渐变动画</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        body {
            display: flex;
            justify-content: left;
            align-items: center;
            width: 100%;
            height: 100vh;
            background-image: linear-gradient(135deg, #99ccff, #9999ff, #cc66ff);
            position: relative;   /*子元素都将相对于body定位*/
        }

        .box {
            width: 50px;
            height: 300px;
            background-image: linear-gradient(135deg, #66ffff, #66ccff, #6699ff);
            border-radius: 0 30px 30px 0;
            opacity: 0.4;
            transition: all 0.6s ease; /*侧边栏由透明变成有色并且伸展的效果动画时间*/
            position: absolute; 
            left: 200px   /*侧边栏将相对于body进行一个相对定位，据左边200px*/
        }

        ul {
            display: flex;
            height: 300px; /*给ul设定一个高度与容器高度一样，才可设置上下居中*/
            flex-direction: column;
            align-items: left;
            justify-content: center;
            padding-left: 25px;
            list-style: none;
            position: absolute; /*子元素都将相对于body定位*/
            left:200px ;  /*无序列表ul每个元素都将相对于body进行一个相对定位，据左边200px*/
            opacity: 0;
            transition: all 0.6s ease 0.6s;
        }

        ul li {
            margin: 12px 1px;
            
            /* display: none; */
            
        }

        ul li a{
            text-decoration: none ;
            color: white;
            text-shadow: -5px 5px 15px #bd4be3;
            font-size: 20px;
            font-weight: 700;
            
        }

        .t-box{
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background-image: linear-gradient(135deg, #66ffff, #66ccff, #6699ff);
            margin-top: 20px;
            position: absolute;
            top: 160px;
            left: 200px;
        }

        .t-box:hover+.box{
            opacity: 1;
            width: 100px;
            height: 300px;
        }

        /* 在鼠标接触到的时候t-box的时候使其相邻兄弟元素box拉伸 */

       .t-box:hover~ul{
            
            opacity: 1;
       }

       
        
    </style>
</head>

<body>
    <div class="t-box"></div>
    <div class="box"></div>
    <ul>
        <li><a href="#">Play</a></li>
        <li><a href="#">Store</a></li>
        <li><a href="#">Map</a></li>
        <li><a href="#">Chart</a></li>
        <li><a href="#">Art</a></li>

    </ul>

   
</body>

</html>

如上做了一个丝滑的伸缩侧边栏，字体动画在栏伸展开之后才显示。问题是放开鼠标之后栏缩回去的时候，字体没有立刻消失，而是过了一会儿才消失。怎样设置才能让字体消失的时候也和菜单栏一起同一时间小时呢？

WEB前端全系列/第一阶段：HTML5+CSS3模块/CSS3新特性 2176楼

那pwd有没有被存储，被存储到哪里去了

Python 全系列/第十一阶段：Flask百战电商后台项目/Flask百战电商后台项目 2177楼

老师不是说键两个相同单位只会显示前面出现的嘛，我这怎么两个年龄都显示出来了

Python 全系列/第一阶段：Python入门/序列 2178楼

from threading import Thread
from time import sleep
def func1(name):
    print(f"线程{name}，start")

    for i in range(3):
        print(f"thread:{name}:{i}")
        sleep(3)
    print(f"线程{name}，end")
if __name__=="__main__":
    print("主线程，start")
    t1= Thread(target=func1,args=("t1",))
    t2=Thread(target=func1,args=("t2",))
    t1.start()
    t2.start()
    print("主线程，end")

老师，你能给我讲一下代码执行的过程吗？线程之间会抢占输出吗？感觉还是有点懵。

Python 全系列/第三阶段：Python 网络与并发编程/并发编程 2179楼

老师，这块没有课件

Python 全系列/第十九阶段：数据分析-数据可视化/pyecharts 2180楼

为什么用print(c(6))打印的是两行，用c()打印出来的是一行

Python 全系列/第一阶段：Python入门/函数和内存分析 2181楼

为什么要type

Python 全系列/第一阶段：Python入门/函数和内存分析 2182楼

def print_star(n):
    s="*"*n
    print(s)
    return s
print(print_star(5).__doc__)

为什么运行不了

Python 全系列/第一阶段：Python入门/函数和内存分析 2183楼

这为什么要用len()

p.color(my_colors[i%len(my_colors)])

Python 全系列/第一阶段：Python入门/控制语句 2184楼

老师为什么使用loc对行不可以进行替换

Python 全系列/第二十阶段：数据分析-数据管理/Pandas基本使用 2185楼

老师，我这个运行不了

Python 全系列/第一阶段：Python入门/Python入门（动画版） 2186楼

老师，display，print区别是啥呢

Python 全系列/第十九阶段：数据分析-数据可视化/matplotlib 2187楼

应该如何解决呢

JAVA 全系列/第十九阶段：亿级高并发电商项目/亿级高并发电商项目(旧) 2188楼

这里的代码是什么意思？

Python 全系列/第一阶段：Python入门/面向对象 2189楼

有个疑问，这些操作在Excel里可以很简单就搞定了，这样写代码来操作有什么优点呢

Python 全系列/ 第十五阶段：自动化操作办公软件、邮件、定时任务等/办公自动化 2190楼

同学您好