public marks

PUBLIC MARKS from decembre with tag transform

This year

CSS - DEMO - Button Switches with Checkboxes and CSS3 Fanciness

Button Switches with Checkboxes and CSS3 Fanciness Realistic-looking, css-only UI elements

JAVASCRIPT / CSS - DEMO - Scrolling Letters Animation | Codrops

A switching title effect where a fixed text element changes with an animation depending on the scroll position.The animations are powered by anime anime.js. We also use imagesLoaded for preloading the images and Charming.js for the handling the letter structure of the titles.

JAVASCRIPT - LIBRAIRY - GitHub - juliangarnier/anime: JavaScript Animation Engine

(via)
Anime (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library. It works with any CSS Properties, individual CSS transforms, SVG or any DOM attributes, and JavaScript Objects. Main features Keyframes: Chain multiple animation properties. Timeline: Synchronize multiple instances together. Playback controls: Play, pause, restart, seek animations or timelines. CSS transforms: Animate CSS transforms individually. Function based values: Multiple animated targets can have individual value. SVG Animations: Motion path, line drawing and morphing animations. Easing functions: Use the built in functions or create your own Cubic Bézier curve easing.

VIDEO - LOGICIEL TRUCAGE - Des expressions presque parfaites

Avec leur technologie vidéo, des chercheurs peuvent recréer n'importe quelle expression, à la perfection. (CCM) — En avant-première de la conférence SIGGRAPH (lien en anglais), des chercheurs ont publié un extrait vidéo bluffant. Il montre à quel point les fausses vidéos peuvent être confondues avec les vraies. En transformant les expressions et mouvements du visage d'une personnalité, un deepfake devient indétectable ou presque. En principe, ces fausses vidéos utilisent les expressions d'un acteur anonyme, et les greffent sur le visage d'une personnalité. Autre option : placer un visage modifié sur un autre corps et dans une autre situation qu'à l'origine. Avec leur technologie Deep Video Portraits, les chercheurs ont utilisé un système complexe de superposition des expressions. Ils y ont ajouté un ré-encodage et de l'apprentissage machine. Le résultat est spectaculaire.

2013

CSS - MENU FLUIDE - voir demo Menu Fluide avec Images - 10 techniques avancées et secrets de CSS2 - Alsacreations

by 4 others
Modèle tabulaire Le design tabulaire à l'aide de CSS (entendons-nous bien, je ne parle évidemment pas des balises HTML table) est voué à un très bel avenir proche, enfin utilisable depuis IE8. Le modèle d'affichage tabulaire permet de réaliser de manière simplissime l'ensemble des cas de figure qui nous compliquent la vie actuellement : Hauteurs de frères identiques, Alignement vertical, Répartition de la hauteur restante, Répartition de la largeur restante, Un menu fluide, Réordonnement des blocs.

CSS - 6 Cool Image Captions with CSS3

(via)
nous allons vous montrer comment créer les légendes des images avec diverses transitions simplement en utilisant CSS3. Simple transition effect with only CSS3.How to create image captions with various transitions simply using CSS3, dependent on transform and transition properties.

decembre's TAGS related to tag transform

animation +   browser +   button +   caption +   css +   demo +   design +   effect +   effet +   expression +   face +   github +   image +   javascript +   keyframes +   legende +   librairy +   library +   logiciel +   menu +   Obama +   on/off +   portrait +   scroll +   svg +   transformation +   transformer +   transition +   trucage +   tuto +   tutoriel +   Tympanus +   typanus +   ui +   video +   visage +