Μια τρισδιάστατη απεικόνιση του ηλιακού συστήματος φτιαγμένη με CSS από τον Julian Garnier (Tutorial - Code).

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1GJVPO6EpFraGR4OrtpmmAXhWfh0ZSS3GGaFHZevB8JdZA9s_QrysTXnZbBb0Bdav-d7Q4HJB-TXgehztvQ2W42QV-qNjZcc-coAvNbTE0bFfi3Y5S5rtpj1wJ1PFd4cUvop7HzMelE/s1600/Animated_solar_system_made_of_CSS.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1GJVPO6EpFraGR4OrtpmmAXhWfh0ZSS3GGaFHZevB8JdZA9s_QrysTXnZbBb0Bdav-d7Q4HJB-TXgehztvQ2W42QV-qNjZcc-coAvNbTE0bFfi3Y5S5rtpj1wJ1PFd4cUvop7HzMelE/s640/Animated_solar_system_made_of_CSS.jpg" /></a></div>Δεν θα το πιστέψετε αλλά το "πλανητικό" μπαλέτο γίνεται <b>χωρίς</b> τη χρήση plugins! <br /> Το animation είναι εξαιρετικά ομαλή - εφ 'όσον είστε χρησιμοποιώντας ένα ενημερωμένο πρόγραμμα περιήγησης, ότι είναι <br /> <br /> Δεν χρειάζεται να είναι κανείς ειδικός για σχεδιασμό ιστοσελίδων για να εκτιμήσει αυτό το κινούμενο μοντέλο του ηλιακού συστήματος, άλλο ένα από τα καλύτερα παραδείγματα CSS έχουμε βρεθεί. <br /> <br /> Δημιουργήθηκε από τον <b>Julian Garnier</b> και μας δείχνει τους οκτώ πλανήτες σε τροχιά γύρω από τον ήλιο σε δισδιάστατη και τρισδιάστατη απεικόνιση <i>(2D 3D)</i> με παραμέτρους στην δεξιά πλευρά της σελίδας, την ταχύτητα, το μέγεθος και την απόσταση από τον ήλιο, επιλέγοντας τον καθένα ξεχωριστά.<br /> <br /> Ο παρακάτω κώδικας εμφανίζει όλο το HTML της σελίδας της απεικόνισης... και ότι χρειάστηκε για να φτιαχτεί. <br /> <br /> <center><p data-height="400" data-theme-id="dark" data-slug-hash="idhuG" data-default-tab="result" data-user="juliangarnier" data-embed-version="2" class="codepen">See the Pen <a href="http://codepen.io/juliangarnier/pen/idhuG/">CSS 3D Solar System</a> by Julian Garnier (<a href="http://codepen.io/juliangarnier">@juliangarnier</a>) on <a href="http://codepen.io">CodePen</a>.</p><script async src="//assets.codepen.io/assets/embed/ei.js"></script></center><br /> <br />

CSS Tutorials HTML Tutorials Julian Garnier Μια τρισδιάστατη απεικόνιση του ηλιακού συστήματος φτιαγμένη με CSS από τον Julian Garnier (Tutorial - Code).

Δεν θα το πιστέψετε αλλά το "πλανητικό" μπαλέτο γίνεται χωρίς τη χρήση plugins! Το animation είναι εξαιρετικά ομαλή - εφ...

Διαβάστε περισσότερα »