正文
html5css3源码,html5css3项目
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
大神帮忙检查一段html5 css3源代码
!DOCTYPE html
html
head
titlevn/title
style
.box { width: 300px; height: 300px; background-color: red; margin: 10px 0; }
#animation-1:target {
animation: rotate 1000ms linear both;
}
#animation-2:target {
animation: translate 1000ms linear both;
}
#animation-3:target {
animation: scale 1000ms linear both;
}
@keyframes rotate {
0% { transform: rotate(0deg) }
100% { transform: rotate(360deg) }
}
@keyframes translate {
0% { transform: translate(-100%, 0) }
100% { transform: translate(0, 0) }
}
@keyframes scale {
0% { transform: scale(2) }
100% { transform: scale(1) }
}
/style
/head
body
p
a href='#animation-1'
点击后触发动画1
/a
/p
p
a href='#animation-2'
点击后触发动画2
/a
/p
p
a href='#animation-3'
点击后触发动画3
/a
/p
div class="box" id="animation-1"/div
div class="box" id="animation-2"/div
div class="box" id="animation-3"/div
/body
/html
不知道你是否知道target选择器的具体意义，简单的来说如下：
// div:target 的意思是锚点在目标上的时候
// 看我最上面的例子，有三个链接，只有点击过以后才会触发动画。然后看看地址的变化
// 如果你想要同时全部显示，就把:target删除
相关问答
Q1: HTML5编写的网站，网页浏览能否看到源代码？
能；
操作如下：
右键点击对应网页；
选择查看源文件；
Q2: 求最新的html5和css3代码大全，我新手，想记记代码好学习
这是网上的文字教程：
CSS3：
HTML5：
这是视频教程：
HTML5：（暂时还没有更新完毕）
CSS3貌似还没有视频教程，视频也没有什么可讲的，主要是自己看基础，然后多写看效果。
Q3: 您好，请问您的html5+css3的网页源码下载地址在哪
HTML5+CSS3，超文本标记语言和样式。可以在网上百度一下搜索静态网页源代码下载。
但很多静态网页源代码都是要收费的。可以尝试一下关注相对应的贴吧，有些人会分享的。
Q4: HTML5+CSS3布局的页面，汉字显示不出来
HTML5+CSS3布局的页面，汉字显示不出来是因为HTML代码中对全站字体显示做了设置，如下图：
行20、21的js语句对整体网页代码字体进行了调用设置，此时设置中文字体不会被识别，只需删除即可识别汉字。
Q5: html5 css3 源码怎么安装
不需要安装，直接写比如 header 考虑到兼容性，最好加入兼容的js
