Sure, here's a simple HTML code with CSS to showcase information about "what we do in 3D animation". I'll also include some interactive CSS and JS to make it more engaging:
HTML:
3D Animation Services
Welcome to Our 3D Animation Studio
What We Do
At our studio, we specialize in creating stunning 3D animations for various purposes, including:
Advertising
Film and Television
Architectural Visualization
Medical and Scientific Simulations
Video Games
Interactive Showcase
CSS (styles.css):
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem 0;
}
section {
padding: 2rem;
}
h2 {
color: #333;
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 0.5rem;
}
.animation-container {
width: 100%;
height: 300px;
display: flex;
justify-content: center;
align-items: center;
}
.animated-object {
width: 150px;
height: 150px;
background-color: #007bff;
animation: spin 2s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
JavaScript (script.js):
// Add any interactive JavaScript functionality here
// For example, you could add mouseover effects or interactive controls for the 3D animation.
This code provides a basic structure for showcasing information about 3D animation services and includes interactive CSS and the potential for interactive JavaScript to make the content more engaging.