效果图：通过css进行一个点击版切换的轮图 主要是使用单选框配合label进行的操作 html：设置三个div分别是图片 单选框 以及label  将单选框 写入相同的name 并且给labe的forl绑定对应的input ID <div class="slide">       <input type="rad

   1. 创建MySQL数据库我们在左侧登录之后 进行鼠标右击新建一个 数据库为web2023 创建完成之后 我们点击web2023 当它的图标进行高亮显示时 就说明选中了点击表新建一个表单在表单值我们分别设置 三个key 和他的类型以及其他样式设置 表单中必须要设置一个主键 这里点击tap之后可以使用上下左右进行选择设置 我们在设置主键时 将它下面的自动递增选中 不然在想表添加内容会添加不进来 然后给其他的设置好注释 类型等 保存写好表名  2. 想数

       效果图：当鼠标在页面上 任意地点进行右击点击时 菜单栏出在点击的位置 取消了默认点击的样式  主要是通过获取鼠标点击的位置 给设置定位的菜单进行一个left top赋值 让它出现在点击的位置 html：<h1>右键菜单 出现位置</h1>     <ul class="list">  &

        效果图：从效果中可以看出 一张图片被分割成 四份 在四个不同的角度对外倾斜 展示 当鼠标移入中间区域 盒子向上移动消失图片合并 通过绝对定位的方式 将四个图片分别设置 再通过transform 中的移动 旋转进行设置html： <div class="box">       <div class="tex

      效果图：当鼠标移入图片区域时 图片缩小居中显示 背景区域改色 文字显示出来 移出还原html：  <div class="box">       <ul>         <li>     &

  效果图：当页面滚动的时候 文字将会的背景图片会跟页面的背景进行一个错位显示 形成一个视差的效果html： <div class="bg">       <span>Hello</span>     </div>     <h1>欢迎来到第二章&l

     效果图：当页面加载进入的时候  给原本设置的的值 进行 从0到设置的值 进行滚动效果html：<div class="box">       <div class="num1"><span>500</span>+</div>    &nbs

   效果图：动画中的水杯里面 水从慢慢的上升 主要是通过定位加关键帧进行实现html就设置一个div为·水杯 的主体  <div class="cup"></div> css：给cup设置一个相对定位 从搜狗角度裁剪成一个水杯的形状 并设置好背景颜色 .cup {         width:

         效果图：当点击到对应的tab栏时 左边的内容区域进行对应的切换 通过css我们可以使用单选框的:checked进行3d翻转的动画 html：<div class="box">       <input type="radio" name="tabs"&n

   效果图：通过左右俩个按钮进行一个点击 当点击过后到底底部时将相同方向的按钮隐藏 另一侧按钮显示 点击图片弹出一个遮罩层 并且将图片放大在屏幕中间html：    <div class="box">       <div class="listImg">