从给定的文件内容中，我们可以挖掘出以下的IT知识点：
1. CSS基础和高级应用：文件中描述了“纯CSS实现扑克牌效果”，这说明CSS的强大之处不仅仅在于简单样式的设置，还可以通过高级技巧实现复杂的图形效果，如扑克牌的外观，无需借助图片。这包括对CSS的基础属性如`background`、`border`、`box-shadow`、`border-radius`等的运用，并可能涉及到了CSS3引入的更复杂的设计特性，比如渐变色(`background: -moz-linear-gradient`和`background: -webkit-gradient`)。
2. HTML和CSS结合：文档中提到了`<style>`和`<meta>`标签，显示了如何在HTML文档中嵌入CSS样式和设置字符编码。这涉及到HTML的基本结构和文档类型声明，以及如何在网页中嵌入和应用CSS样式。
3. JavaScript交互：文件提到了“为了演示方便，这里用JavaScript代码去控制了扑克牌的切换”，说明了JavaScript在交互式网页设计中的重要作用。JavaScript代码可能被用来控制扑克牌的翻转、拖动等动态效果。这涉及到了JavaScript的基本语法、事件处理以及DOM（文档对象模型）操作。
4. CSS3新特性：文中提到的使用CSS3的特性如渐变、阴影(`box-shadow`)、圆角(`border-radius`)以及可能的`filter`属性，都是CSS3新引入的特性，可以用来丰富网页的视觉效果，这显示了对最新Web标准的掌握和应用。
5. CSS3选择器和伪类：尽管文档没有明确提到，但要实现扑克牌效果，很可能会用到CSS3的选择器和伪类来精确控制元素，比如`:hover`伪类可以用来实现牌面被鼠标悬停时的视觉效果。
6. 响应式设计：考虑到扑克牌可能在不同设备上的显示需求，纯CSS实现还可能包括响应式设计的考虑，如使用媒体查询来调整不同屏幕尺寸下的布局和样式。
7. Web前端工具链：虽然文档中没有直接提及，但是创建如此复杂的扑克牌效果通常需要前端开发者的熟练运用现代Web开发工具链，比如使用代码编辑器、版本控制工具、浏览器调试工具等。
总结而言，从给定文件内容中可以提炼出对CSS/HTML5、JavaScript以及Web前端开发相关的一系列知识点。这些知识点不仅展示了单个技术点的应用，还涉及到了现代网页设计和开发的整体实践。
