cs与cf的比较

发布网友 发布时间：2022-04-21 03:17

我来回答

共14个回答

懂视网 时间：2022-04-21 07:38

之前为大家介绍了很多款由纯css3实现的特效。今天要再给大家带来一款纯css3实现的超炫动画背画特效。代码非常简单，没有引用任何其它js代码。css代码也不多。效果非常炫。一起看下效果图：

在线预览 源码下载

实现的代码。

html代码：

css3代码：

 body{ background: #000; -webkit-perspective:35px; -moz-perspective:35px; -ms-perspective:35px; -o-perspective:35px; perspective:35px; -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-transform: rotateX(45deg) rotateY(0deg) rotateZ(45deg); -moz-transform:rotateX(45deg) rotateY(0deg) rotateZ(45deg); -ms-transform:rotateX(45deg) rotateY(0deg) rotateZ(45deg); -o-transform:rotateX(45deg) rotateY(0deg) rotateZ(45deg); transform:rotateX(45deg) rotateY(0deg) rotateZ(45deg); }  .fake-gif { position: relative; margin: 10rem auto 0 auto; width: 20rem; height: 20rem; }.fake-gif .stripe { position: absolute; border-radius: 50%; -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3); -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);}.fake-gif .stripe:nth-child(odd) { left: 0; width: 100%; height: 5%;background-color: rgba(109, 60, 209, 0.5);box-shadow: 0px 6px 40px #5800FF, inset 0px 2px 5px #DF00FF;}.fake-gif .stripe:nth-child(even) { top: 0; width: 5%; height: 100%; background-color: rgba(0, 240, 40, 0.5);box-shadow: 0px 6px 40px #007D35, inset 0px 2px 5px #7CFFB5;}.fake-gif .stripe:nth-child(4n+1) { z-index: 3;}.fake-gif .stripe:nth-child(4n+2) { z-index: 4;}.fake-gif .stripe:nth-child(4n+3) { z-index: 1;}.fake-gif .stripe:nth-child(4n) { z-index: 2;}.fake-gif .stripe:nth-child(2) { left: 4.7%; -webkit-animation: move-y 2.7s 0.2s infinite; animation: move-y 2.7s 0.2s infinite;}.fake-gif .stripe:nth-child(4) { left: 11.9%; -webkit-animation: move-y 2.7s 0.4s infinite; animation: move-y 2.7s 0.4s infinite;}.fake-gif .stripe:nth-child(6) { left: 19.1%; -webkit-animation: move-y 2.7s 0.6s infinite; animation: move-y 2.7s 0.6s infinite;}.fake-gif .stripe:nth-child(8) { left: 26.3%; -webkit-animation: move-y 2.7s 0.8s infinite; animation: move-y 2.7s 0.8s infinite;}.fake-gif .stripe:nth-child(10) { left: 33.5%; -webkit-animation: move-y 2.7s 1s infinite; animation: move-y 2.7s 1s infinite;}.fake-gif .stripe:nth-child(12) { left: 40.7%; -webkit-animation: move-y 2.7s 1.2s infinite; animation: move-y 2.7s 1.2s infinite;}.fake-gif .stripe:nth-child(14) { left: 47.9%; -webkit-animation: move-y 2.7s 1.4s infinite; animation: move-y 2.7s 1.4s infinite;}.fake-gif .stripe:nth-child(16) { left: 55.1%; -webkit-animation: move-y 2.7s 1.6s infinite; animation: move-y 2.7s 1.6s infinite;}.fake-gif .stripe:nth-child(18) { left: 62.3%; -webkit-animation: move-y 2.7s 1.8s infinite; animation: move-y 2.7s 1.8s infinite;}.fake-gif .stripe:nth-child(20) { left: 69.5%; -webkit-animation: move-y 2.7s 2s infinite; animation: move-y 2.7s 2s infinite;}.fake-gif .stripe:nth-child(22) { left: 76.7%; -webkit-animation: move-y 2.7s 2.2s infinite; animation: move-y 2.7s 2.2s infinite;}.fake-gif .stripe:nth-child(24) { left: 83.9%; -webkit-animation: move-y 2.7s 2.4s infinite; animation: move-y 2.7s 2.4s infinite;}.fake-gif .stripe:nth-child(26) { left: 91.1%; -webkit-animation: move-y 2.7s 2.6s infinite; animation: move-y 2.7s 2.6s infinite;}.fake-gif .stripe:nth-child(1) { top: 3.6%; -webkit-animation: move-x 2.7s 0.1s infinite; animation: move-x 2.7s 0.1s infinite;}.fake-gif .stripe:nth-child(3) { top: 10.8%; -webkit-animation: move-x 2.7s 0.3s infinite; animation: move-x 2.7s 0.3s infinite;}.fake-gif .stripe:nth-child(5) { top: 18%; -webkit-animation: move-x 2.7s 0.5s infinite; animation: move-x 2.7s 0.5s infinite;}.fake-gif .stripe:nth-child(7) { top: 25.2%; -webkit-animation: move-x 2.7s 0.7s infinite; animation: move-x 2.7s 0.7s infinite;}.fake-gif .stripe:nth-child(9) { top: 32.4%; -webkit-animation: move-x 2.7s 0.9s infinite; animation: move-x 2.7s 0.9s infinite;}.fake-gif .stripe:nth-child(11) { top: 39.6%; -webkit-animation: move-x 2.7s 1.1s infinite; animation: move-x 2.7s 1.1s infinite;}.fake-gif .stripe:nth-child(13) { top: 46.8%; -webkit-animation: move-x 2.7s 1.3s infinite; animation: move-x 2.7s 1.3s infinite;}.fake-gif .stripe:nth-child(15) { top: 54%; -webkit-animation: move-x 2.7s 1.5s infinite; animation: move-x 2.7s 1.5s infinite;}.fake-gif .stripe:nth-child(17) { top: 61.2%; -webkit-animation: move-x 2.7s 1.7s infinite; animation: move-x 2.7s 1.7s infinite;}.fake-gif .stripe:nth-child(19) { top: 68.4%; -webkit-animation: move-x 2.7s 1.9s infinite; animation: move-x 2.7s 1.9s infinite;}.fake-gif .stripe:nth-child(21) { top: 75.6%; -webkit-animation: move-x 2.7s 2.1s infinite; animation: move-x 2.7s 2.1s infinite;}.fake-gif .stripe:nth-child(23) { top: 82.8%; -webkit-animation: move-x 2.7s 2.3s infinite; animation: move-x 2.7s 2.3s infinite;}.fake-gif .stripe:nth-child(25) { top: 90%; -webkit-animation: move-x 2.7s 2.5s infinite; animation: move-x 2.7s 2.5s infinite;}@-webkit-keyframes move-y { 0%, 100% { -webkit-transform: translateZ(-25px); transform: translateZ(-25px); } 50% { -webkit-transform: translateZ(25px); transform: translateZ(25px); }}@-webkit-keyframes move { 0%, 100% { -webkit-transform: rotateX(-25deg) rotateY(-25deg); transform: rotateX(-25deg) rotateY(-25deg); } 50% { -webkit-transform: rotateX(25px) rotateY(25deg); transform: rotateX(25px) rotateY(25deg); }}@keyframes move-y { 0%, 100% { -webkit-transform: translateY(-25%); transform: translateY(-25%); } 50% { -webkit-transform: translateY(25%); transform: translateY(25%); }}@-webkit-keyframes move-x { 0%, 100% { -webkit-transform: translateZ(-25px); transform: translateZ(-25px); } 50% { -webkit-transform: translateZ(25px); transform: translateZ(25px); }}@keyframes move-x { 0%, 100% { -webkit-transform: translateX(-25%); transform: translateX(-25%); } 50% { -webkit-transform: translateX(25%); transform: translateX(25%); }}

热心网友 时间：2022-04-21 04:46

　CS＝Counter－StrikeCF＝ChineseFootball
　　CF：中国人某些90后2B在玩。CS：全世界人都在玩。 　　CS：是一种精神，CF：是一个图标。 　　CF：是我国很多少年儿童和中年人推崇的游戏。CS：是国家推广的第99个体育项目。 　　CS：有很多国际大赛。CF：…… 　　CS：打得好，电竞会找到你，让你打比赛，发给你工资。CF：仅仅是TX公司赚钱的工具。 　　CS：风靡全世界。CF：只在中国很火。CS：屹立十多年，依然有众多玩家。CF：若不是依附QQ，就早死掉了。 　　CS：音效到现在依然是顶尖效果，而且还有很多经典音乐，世界顶级的摇滚乐队都为之演唱过。CF：……．CS:被制作成很多电影的背景，其中还包括无数经典视频。比如甜咖啡的许多著名作品。CF：除了腾讯做那些破宣传片和那些战队自己录的破视频我不知道还有什么可以有看头的。　　CS：是一款休闲娱乐竞技游戏，CF是一款纯商业游戏。 　　CS：地图数量多，战术多，方式多，乐趣多，模式多。CF地图：漏洞多。

热心网友 时间：2022-04-21 06:04

我个人对《穿越火线》的评价和《CS》的评价
穿越火线的好玩性★★★★☆☆ CS的好玩性★★★★★☆
穿越火线的画面性★★★★★☆ CS的画面性★★★☆☆☆
穿越火线的*械类★★★☆☆☆ CS的*械类★★★★★☆
穿越火线的人物性★★★☆☆☆ CS的人物性★★★★☆☆
穿越火线的血迹性☆☆☆☆☆☆ CS的血迹性★★★☆☆☆
穿越火线的内容性★★☆☆☆☆ CS的内容性★★★★☆☆
穿越火线是一款完全模仿CS的有戏，什么爆破类型CS大把，武器还要钱买，又不好玩，奔跑速度又快，BUG又多，风向阻力又不标准，跳跃又不合格，一款垃圾游戏，只为赚钱的游戏，自己不会开发游戏，只会冒仿人家的心血

cs游戏缺点
不真实.在cs中,常可看见某队员两手端*爬梯子.试想,哪个特技演员能只用脚爬梯子?
在拆*的任务中,警会盯着c4看,一会,*就消失了.那是什么神眼
游戏里大多数挨1*和没事一样的，现实你一*人就倒了。(除非打头）
还有cs能用暴力外挂和透视外挂，现实中可能有顺间移动和看墙就能看到墙后的人么

热心网友 时间：2022-04-21 07:39

CF, 真的很好杀人和爆头，我是一名CS半职业玩家， 对CS的弹道 应该了解比较透彻， CF弹道特直 ， CF里面 我从来都是 点射 几乎4发子弹一个人 （最多4发） 如果你想玩好CS的话 就少玩CF 玩CF牛X了 在玩CS 你会绝对 CS杀人 太难了

给分！！！！！！！！！！

热心网友 时间：2022-04-21 09:30

CF玩法比cs多.cs的太单调了. 新地图.各种模式.
*械也比cs合理多了.cs拿个46都能冲.哪有狙击手抱*冲的呢.cf里的46合理多了.

热心网友 时间：2022-04-21 11:38

CS比CF早出10多年，当然WCG的比赛只有CS了。如果CF早出那就不一定了。不要一口就经典，那口就抄袭。每个人都有自己的想法，游戏总是有缺点的，就像人一样谁敢说自己是完美的？建议LZ亲身试一下就知道了。不用多说，自己的感觉自己知道。别人说的再好都没用。

热心网友 时间：2022-04-21 14:03

CF好，他的*多地图多模式也多，推荐你玩幽灵模式。

热心网友 时间：2022-04-21 16:44

这个说的就很长远了
最明显的就是cf挂太多,
还有就是cs和cf的弹道不一样的,看你的样子是cs的老玩家了
在一个,cs没有cf那种道具
会员制度,这两个是严重打乱游戏平衡的,那对于高手而言是没有什么问题的,但是对于小鸟们而言呢,cs相对比较平衡
横多人玩cf看的就是cf的画面比cs要好,但是,现在的2.0和cf比较而言,不是还是2.0好吗,2.0就是狙开镜太慢,都不能闪狙了
总之,cs是一个时代的经典

热心网友 时间：2022-04-21 19:42

cf（qq穿越火线）比较好玩，cs不好玩
http://cf.qq.com

热心网友 时间：2022-04-21 22:57

永远的CS是最帅的！！！！！！！你去百度搜《最伤感的CS视频》这个视频看完之后你就知道哪个好玩了，世界上只有CS比赛，CF？谁放在眼里？

热心网友 时间：2022-04-22 02:28

cf是腾讯赚人民币的工具 没法跟cs比 说得太多了浪费口水 支持cs

热心网友 时间：2022-04-22 06:16

CS好！

热心网友 时间：2022-04-22 10:21

楼主。没错
我撑你。我虽然是玩Counter
-
Strike
1.5得
但是总比cf。csol要强多了

热心网友 时间：2022-04-22 14:42

CF 是什么？ - -！