flipbook codepen
  • de
autodesk-gold-partner-logo-rgb-black
Due to a technical downtime, we are currently only available by phone. Received emails will be answered as soon as possible. In urgent cases, please contact the central office or your personal contact person by phone.
Moldflow Monday Blog

Flipbook Codepen May 2026

Learn about 2023 Features and their Improvements in Moldflow!

Did you know that Moldflow Adviser and Moldflow Synergy/Insight 2023 are available?
 
In 2023, we introduced the concept of a Named User model for all Moldflow products.
 
With Adviser 2023, we have made some improvements to the solve times when using a Level 3 Accuracy. This was achieved by making some modifications to how the part meshes behind the scenes.
 
With Synergy/Insight 2023, we have made improvements with Midplane Injection Compression, 3D Fiber Orientation Predictions, 3D Sink Mark predictions, Cool(BEM) solver, Shrinkage Compensation per Cavity, and introduced 3D Grill Elements.
 
What is your favorite 2023 feature?

You can see a simplified model and a full model.

For more news about Moldflow and Fusion 360, follow MFS and Mason Myers on LinkedIn.

Previous Post
How to use the Project Scandium in Moldflow Insight!
Next Post
How to use the Add command in Moldflow Insight?

More interesting posts

Check out our training offerings ranging from interpretation
to software skills in Moldflow & Fusion 360

The MF ACADEMY logo showcases the letters MFA intertwined with an educational hat, symbolizing excellence in training and expertise. This logo represents MF SOFTWARE's commitment to providing comprehensive programs in injection molding, Moldflow, and Fusion 360. Unleash your potential with MF ACADEMY's top-notch educational offerings.

Get to know the Plastic Engineering Group
– our engineering company for injection molding and mechanical simulations

PEG-Logo-2019_weiss

<div class="flipbook-container"> <div class="flipbook"> <div class="page page-1">Page 1</div> <div class="page page-2">Page 2</div> <!-- Add more pages here --> </div> </div> Next, you'll want to style your flipbook. This includes making sure your pages look like pages and adding a flip effect.

document.querySelector('.flipbook-container').addEventListener('click', () => { angle += 90; page += 1; flipbook.style.transform = `rotateY(${angle}deg)`;

/* Style more pages as needed */ You'll want to add some JavaScript to handle the flipping of pages. This can be as simple or as complex as you like, depending on how you want to trigger flips (e.g., on click, on swipe, etc.).

.flipbook { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.5s; }

.flipbook-container { width: 400px; /* Change based on your needs */ height: 300px; /* Change based on your needs */ perspective: 1000px; }

.page-2 { background-color: #ddd; transform: rotateY(90deg); }

.page { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid #ddd; background-color: #fff; display: flex; justify-content: center; align-items: center; font-size: 24px; }

.page-1 { background-color: #f0f0f0; transform: rotateY(0deg); }