51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

案例-翻转的导航栏（CSS3）
案例-翻转的导航栏（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset=\
css
css3
html
导航栏
3d
原创
CMMKK
2022-10-20 10:06:12
72阅读

纯CSS3带动画效果导航菜单
随着互联网的发展，网页能表现的东西越来越多。由最开始单纯的文字和链接构成的网页，到后来的表格布局，再到div+css模式，现在发展到了html+css3。网页能表达的东西越来越多，css3兴起已经很多年了，不多由于国内网站要求对IE的兼容，html5+css3的发展很缓慢。
动画
css3
导航菜单
原创
ly1989124423
2013-09-23 12:34:03
1384阅读

纯css实现垂直导航栏
ul.nav{ margin:0; padding:0; width: 8em; list-style-type: none; background-color: #8BD400; border:1px solid #486B02; font-size: 2em; } /*去掉最后一个li中a的border-bottom*/ ul.nav li:last-child a{ bord
Q
原创
wangjun5159
2023-06-28 14:11:44
119阅读

纯CSS3写旋转的轮播图，开门大吉，旋转的导航栏
文章目录案例1：旋转的轮播图案例2：开门大吉案例3：导航栏旋转案例1：旋转的轮播图<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <style> body { perspective: 1000px; }
CSS
html
css3
原创
流楚丶格念
2021-01-26 12:03:11
300阅读

html5 css3 导航栏 动画 导航栏滑动效果html
一.先看效果（完整代码在最后）： 实现并不难，但是初学 js 时拿来练手也是很不错的~二.实现过程（可一步一步跟着实现）：1. 先定义标签。container就是底层盒子，a标签就是导航栏的各个标签，line就是滑动的下划线。：<div class="container"> <a href="#" class="label change">HOME</
html5 css3 导航栏 动画
css
js
html
导航栏
转载
jiecho
2023-09-27 22:01:10
585阅读

纯CSS3制作的面包屑导航代码
这里总共有四种面包屑效果:第一种运用:before和:after，运用border生成同等大小的尖角，叠加起来左右错动1px；第二个还是运用:before和:after，运用border生成不同的尖角，一个在左一个在右；第三个是运用一个:after生成一个正方形，设置border-radius然后rotate旋转45度；第四个直接运用水平扭曲就skewX就可以了。<!DOCTYPE html
制作
面包屑
border
before
正方形
转载 精选
lovethe51cto
2014-04-17 10:28:11
415阅读
2点赞

css3中webkit内核的滚动栏样式
项目其中用到的滚动栏样式，在别人的基础上调成适合自己的样式。（IE能够调试滚动栏样式，firefox眼下不能调试） ::-webkit-scrollbar { width: 14px; }/* Track & scroll thickness */ ::-webkit-scrollbar-track
背景色
宽高
chrome
firefox
其他
转载
mb5fed409d6f1b2
2018-04-20 18:03:00
59阅读
2评论

纯CSS3编写的面包屑导航收集
整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以研究学习一下。漂亮面包屑导航查看网站扁平化面包屑导航查看网站圆形风格面包屑导航查看网站CSS面包屑导航查看网站CSS3面包屑导航制作教程查看网站黄色的CSS Breadcrumbs教程查...
css
css3
扁平化
原创
axl234的博客
2022-04-06 14:55:26
564阅读

纯css3过渡动画
最近一直在加班，积累了很多要记录的东西，现在先记录一下 关于纯css3的动画过渡，下面是一个效果图
css
Animate
4s
颜色渐变
九宫格
原创
﹏の、浅笑
2022-07-06 13:36:12
527阅读

纯css3做箭头
Document
html
转载
mob604756fbd94e
2017-12-01 13:48:00
739阅读
2评论

纯css3实现无缝左右滚动的公告。。。移动端
left移动的距离，要和item的宽度保持一致，才可以实现无缝左右滚动。。。
无缝滚动
css
转载
mob60475707384d
2019-01-24 12:30:00
732阅读
2评论

纯CSS3实现关闭按钮
在线演示 本地下载
css3关闭按钮
CSS
转载
mob604756ff4913
2018-12-05 14:34:00
406阅读
2评论

css3纯手写loading效果
圆形旋转loading ...
html
动画效果
css
原创
lanseshuai
2022-09-09 08:30:57
185阅读

纯CSS3画图
[url]http://www.admin10000.com/document/1103.html[/url]
html
原创
pyzheng
2023-05-16 13:22:41
94阅读

玩转CSS3(一)----CSS3实现页面布局
请珍惜小编劳动成果，该文章为小编原创，转载请注明出处。 摘要：    CSS3相对CSS2添加了一些新的布局方式：多栏布局和盒子布局。在这篇文章中。将对CSS2的布局进行简单的回顾，并总结CSS3的布局方式。DIV+CSS事实上是错误的叫法      关于当前的页面布局。非常多人都习惯于叫做DIV+CSS,事实上这是一种错误的叫法。标准叫法应该叫做XHTML+CSS. 这是为什么呢？传统的页面布
css
html
ide
页面布局
div+css
转载
mob604756f56fd6
2019-04-07 21:49:00
244阅读
2评论

纯CSS3滑动开关按钮
在线演示 本地下载
滑动开关按钮
转载
mb5fd86cce321a9
2018-11-29 11:50:00
290阅读
2评论

纯CSS3动画按钮效果
在线演示 本地下载
动画按钮效果
CSS
转载
mob604756f23a7e
2018-12-03 20:24:00
655阅读
2评论

纯CSS3垂直动画菜单
在线演示 本地下载
垂直动画菜单
CSS
转载
mob604756ff4913
2018-12-05 14:35:00
98阅读
2评论

CSS3响应式导航菜单
今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单，我们使用的是HTML5+CSS3技术，当浏览器窗口变小或者使用手机浏览器访问的时候，原本横条菜单会收缩成一个下拉菜单，当鼠标滑向菜单时下拉展示全部菜单。此方法可以应用到有特别多的链接菜单项目中，特别在移动项目中，它可以将所有菜单转换成一个按钮式的下拉菜单。查看演示DEMOHTML示例中有一个导航菜单的html结构，元素<nav&
CSS3、响应式导航菜单
转载 精选
lina_web
2014-05-07 10:48:57
719阅读

css3扇形 导航
http://tympanus.net/Tutorials/CircularNavigation/interactivedemo/index.html
.net
html
mysql
转载
mb5fcdf3205bda3
2014-12-15 10:14:00
384阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料

2024软考
高级 中级 初级

华为认证
数通 云计算 安全

厂商认证
K8s Oracle 红帽

IT技术
数据库 网络安全 AIGC
相关文章

淘宝分类导航条；纯css实现固定导航栏

CSS3小图标菜单导航

css3隐藏滚动条

css 3d导航栏

css3设置滚动条

css3 -> 多栏布局

纯CSS3实现大象走路动画

纯CSS3美化radio和checkbox

纯CSS3模拟星体旋转效果

css导航栏

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯