- 博客(4)
- 收藏
- 关注
RSS订阅原创 制作下拉菜单
HTML部分:CSS部分:要先把内外间距和列表标记取消。设置浮动并用transition属性过渡，用cursor设置鼠标样式。并用伪类选择器使达到下拉菜单的目的，用opacity属性设置透明度。这样我们就可以得到一个简单的下拉菜单。...
2022-02-13 23:29:28
185
原创 制作伸缩导航栏
HTML部分:在abcd中可以写导航栏中的内容。CSS部分:三个元素都要弹性布局，因此可以写在一起。pointer-event: none；这个属性可以让鼠标在放到span上时也可以选中或取消。加个transition是为了让展开和收起自然一些。:checked是当副框被选中时，～是兄弟选择器，查找同一级ul。...
2022-02-06 22:53:34
507
1
原创 HTML和CSS做渐变背景和3D卡片
HTML部分:CSS部分:使用弹性布局，让页面元素垂直居中，背景渐变，并增加卡片旋转立体感。给卡片添加3D属性并设置圆角边框。注意:让子元素到背面要给父元素加3D属性。（可以利用贝赛尔曲线定义动画运动轨迹）定义正反面盒子，弹性布局，并给背面盒子添加旋转180°的属性。最后定义翻转动画:大致效果图:当鼠标经过黄色盒子时鼠标会变成小手，同时盒子会翻转。...
2022-01-23 18:28:14
784
原创 用HTML和CSS做箭头
用HTML和 CSS简单的做图片两侧的箭头HTML部分:HTML部分:可以利用定位来固定左右小盒子的位置，但是要注意子绝父相相！！两个盒子的共同特点我们可以利用并集选择器:绝对定位的盒子居中:left:50%；top:50%；margin-left:-盒子宽度一半；margin-top:-盒子高度一半；（垂直居中不能用margin: 0 auto）最后分开写，利用圆角边框修饰:可以自己添加图片。...
2022-01-23 11:44:11
713
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人