[HTML] Animaties

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren .NET C# ontwikkelaar, inhouse, complex maa

Ben je als ervaren ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een ervaren .NET C# ontwikkelaar. De organisatie richt zich op innovatieve en complexe maatwerk systemen met een maatschappelijke raakvlak. Hierbij moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen uiteenlopend zijn en het is maar net wat

Bekijk vacature »

Junior Oracle / JAVA Developer traineeship in Utre

Bedrijfsomschrijving Deze organisatie is gespecialiseerd in Oracle, E-business, CRM en Java oplossingen! Vele professionals zijn hier werkzaam en zij werken aan uitdagende langdurige projecten bij diverse klanten. De focus momenteel ligt op het werven van junioren die net klaar zijn met hun HBO of WO opleiding en affiniteit hebben met Oracle en JAVA. Wil jij hierin een echte professional worden en een mooi opleidingstraject aangaan? Lees dan zeker even verder. Functieomschrijving Mijn klant biedt recent afgestudeerden de mogelijk tot het leren van Oracle Pl/SQL en JAVA programmeren. Tijdens een intensief opleidingstraject van enkele weken wordt je geleerd om databases te

Bekijk vacature »

Dynamics CRM / Developer

Bedrijfsomschrijving Als onderdeel van een grote IT-dienstverlener is deze organisatie ontstaan en is nu gegroeid tot organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. In tegenstelling tot de moederorganisatie, werken de medewerkers bij deze organisatie gemiddeld drie dagen in de week gewoon op het eigen kantoor in Utrecht. Mede hierdoor heerst er een erg informele sfeer waardoor jij je binnen no-time thuis voelt! De organisatie staat op het punt om een heel nieuw team met specialiteit Dynamics CRM op te tuigen. Nee, je hoeft zeker nog geen

Bekijk vacature »

Systeem ontwikkelaar / Software engineer

Systeem ontwikkelaar / Software engineer Artex BV, Aarle-Rixtel Artex BV te Aarle-Rixtel maakt deel uit van de beursgenoteerde multinational Hunter Douglas en is een toonaangevend bedrijf in de interieurbranche. Artex is in de markt bekend van o.a. de merken Artelux®, Kendix, De Ploeg, Your Edition en LOFT 79. Met onze 200 medewerkers willen wij voorop lopen op het gebied van ontwikkeling, productie, het ontwerpen en collectioneren van innovatieve en hoogwaardige raambekledingsproducten en meubelstoffen. Onze klanten zijn de betere gordijnspeciaalzaken, woninginrichters, meubelzaken, interieurarchitecten en de bekende meubelfabrikanten. Heb je een passie voor ICT, interesse in uitdagende projecten, ben je nauwkeurig en

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Wil jij daarbij ook nog eens programmeren aan de back-end? Ook dat is mogelijk als Full Stack Web Developer! Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Samen met je bedenk en bespreek je oplossingen en voer je code-reviews uit om elkaar naar een nóg hoger niveau

Bekijk vacature »

Front-end Developer WPF

Heb jij kennis en ervaring met WPF en C#? Ben je technisch en heb je goed gevoel voor design? Wil jij met jouw kennis de zorg verbeteren? Dan zijn wij op zoek naar jou! Jouw baan Als Front-end Developer bij Zorgplatform ga je werken aan de interface voor zorgprofessionals. Zorgplatform is een platform waarmee medische gegevens op een veilige manier uitgewisseld worden met andere instanties binnen de zorgsector. Zorgplatform ondersteunt onder andere het verwijzen van patiënten, het overdragen van patiënten en de gezamenlijke behandeling (shared care). Dit is hét nieuwe werken in de zorg. Met jouw oog voor design ga

Bekijk vacature »

Junior BI Developer

Bedrijfsomschrijving De organisatie waar je komt te werken als BI Developer is een grote internationale financiële instelling. Met vele vestigingen in Nederland zijn ze een belangrijke speler op de financiële markt. Jij zal hoofdzakelijk op het kantoor in Amsterdam werkzaam zijn, maar het kan ook voorkomen dat je af en toe naar een andere vestiging gaat. Het bedrijf telt ongeveer 5000 medewerkers waarvan ruim 150 ICT'ers. Het team waar je in komt te werken als (Junior) BI Developer is een ambitieus BI team dat zich bezighoudt met lokale en internationale uitdagingen. Zo zit een andere Junior BI Developer, 2 Medior

Bekijk vacature »

OutSystems developer

Bedrijfsomschrijving Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren. Jij zal hierbij vanuit jouw expertise de klant adviseren over hoe OutSystems als lowcode platform een toegevoegde waarde kan zijn en op welke manier deze gebruikt kan worden. Hierin neem jij uiteraard

Bekijk vacature »

.NET developer / C# / Azure

Bedrijfsomschrijving Je komt als .NET Developer te werken bij een vooraanstaande softwareontwikkelorganisatie in de verzekeringswereld. De primaire ontwikkeltaal is C#, maar ook maken ze gebruik van ASP.NET (Core), MVC en TypeScript. Daarnaast worden de stappen gezet om dit jaar naar Azure te migreren. Het belangrijkste product is een webservice (WCF) dat optimale en veilige communicatie mogelijk maakt tussen aanbieders, zorgverleners en gebruikers. Deze service maakt het mogelijk dat er per maand gemiddeld meer dan 250 miljoen berichten door hun systeem gaan met 800 berichten per piek seconde. Door de automatisering in de zorgsector is deze organisatie in de afgelopen jaren

Bekijk vacature »

Full stack developer

Bedrijfsomschrijving De organisatie waarbinnen je aan de slag zal gaan levert diensten aan een groot aantal organisaties binnen Nederland. De software die zij maken en inzetten voor hun klanten wordt dagelijks door honderden klanten gebruikt. Onze opdrachtgever is marktleider in Nederland als het gaat om full-service HR-dienstverlening. De afgelopen periode is onze klant hard gegroeid en daar zijn de nodige uitdagingen bij komen kijken. Om deze groei voort te kunnen zetten zijn ze op zoek naar nieuwe vaste medewerkers, dit om ervoor te zorgen dat ze marktleider blijven. Zij zijn op zoek naar professionals die samen met hen aan innovatieve

Bekijk vacature »

(Sr.)Fullstack Developer C#on cloud for next gener

For an international, financially stable organization, specialized in creating and streaming video broadcasts, we are looking for a (Sr.) Fullstack C# Developer. The platform hosts millions of (live) broadcasts a year and is exponentially growing. As a Fullstack Developer you will be responsible for the full SDLC of the Front End and Back End (20/80) analyzing new requirements, design, development, testing and deployment (CI&CD) and maintenance within a (Scrum) team of 5 other developers. To qualify you have: Min. 8 years of Fullstack C# experience Min 2 years Experience with Angular (or a javascript framework) Experience with Cloud, AWS is

Bekijk vacature »

Junior Developer C#

Je maakt een vliegende start van je carrière bij Coolblue, door meteen mee te werken in een team. Hoe word ik Junior Developer C# bij Coolblue? Als Junior Developer ben je meteen vanaf de start onderdeel van een van de development teams. Omdat je jezelf graag nog verder wilt ontwikkelen, kijk je veel met je collega’s mee en volg je verschillende trainingen. Maar in de sprints pak je ook je eigen stories op, om meteen Coolblue iedere dag een beetje beter te kunnen maken. Ook junior developer C# worden bij Coolblue? Kai van Ommeren legt je uit hoe je dat

Bekijk vacature »

Business Developer

Haal jij als echte salestijger, je energie uit het binnenhalen van nieuwe klanten? Is bij jou het ijs al gebroken voordat het woord koude acquisitie is uitgesproken? Dan kun jij weleens de nieuwe Business Developer worden van dit leuke bedrijf in de uitzendbranche. Wil jij naast een goed salaris van € 2000 - € 2500 per maand, ook nog een laptop, telefoon en bedrijfsauto? Zoek dan niet verder en bekijk de rest van de vacature! Wat bieden wij jou Een salaris tussen de € 2000 en € 2500 in de maand Een laptop & telefoon + rijden in bedrijfsauto Mogelijkheid

Bekijk vacature »

CI/CD Platform Specialist

CI/CD Platform Specialist Functiebeschrijving: Houd je van complexe uitdagingen in een dynamische omgeving? Ben je proactief en niet bang om uit je comfort zone te treden? Staat bij jou de klant centraal? Wil jij bijdragen aan de verdere invoering van DevOps, cloud migratie en microservices/containerization van een groot applicatielandschap? Dan ben jij onze nieuwe collega! Wat ga je doen? Als CI/CD Platform Specialist bestaan je werkzaamheden uit het opzetten van grote en compleet geautomatiseerde ontwikkelstraten in de breedste zin, en advies geven over de inrichting en schaling van deze omgevingen. Je helpt onze opdrachtgevers binnen de Nederlandse overheid bij het

Bekijk vacature »

ETL Developer Datawarehouse

Wil jij je ETL-ontwikkelexpertise inzetten binnen de zorg? Dan is dit jouw baan! Je werkt vanuit de Crystal Tower in Amsterdam met de nieuwste Microsoft-technieken aan slimme oplossingen die zorgorganisaties helder inzicht geven in hun verbeterpunten. Jouw baan Onze datamodellen geven ziekenhuizen meer inzicht in hun huidige activiteiten en verwachte ontwikkelingen. Jij gaat deze complexe modellen verder uitbouwen én ontwikkelt en verbetert daarbij proactief de ETL in C# en SQL. Hierbij heb je alle ruimte om te sparren met (ervaren) collega-ETL-ontwikkelaars en werk je samen met onze BI-ontwikkelaars, software developers en consultants technische implementatie. Jouw team Je versterkt een gemotiveerd

Bekijk vacature »
Robin S

Robin S

08/05/2012 14:19:53
Quote Anchor link
Beste leden,

Op dit moment heb ik een rond draaiende kubus. Deze kubus draait aan de hand van de webkit-animation in CSS3.

Dit is de bijbehorende code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
#shape {
  -webkit-animation: spin 8s infinite linear;
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotateY(0); }
  to   { -webkit-transform: rotateY(-360deg); }
}


De kubus draait momenteel alleen linksom. Heeft iemand enig idee hoe ik deze rechtsom kan laten gaan?

Alvast bedankt!

Mvg,
Robin.
 
PHP hulp

PHP hulp

26/01/2021 00:05:10
 
Elwin - Fratsloos

Elwin - Fratsloos

08/05/2012 14:34:00
Quote Anchor link
In plaats van -360 graden naar +360 graden laten draaien?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
#shape {
  -webkit-animation: spin 8s infinite linear;
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotateY(0); }
  to   { -webkit-transform: rotateY(360deg); }
}
 
Robin S

Robin S

08/05/2012 14:45:43
Quote Anchor link
Helemaal top Elwin! Werkt geweldig!

Ik vraag me alleen nog af hoe ik de animatie vloeiend kan stoppen en dan vervolgens vanuit dat punt weer de andere kant op kan draaien. Op dit moment schiet die namelijk eerst terug naar de startpositie, en gaat vanaf daar pas de andere kant op draaien.

Iemand enig idee?

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
    @-webkit-keyframes spin1 {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(-360deg); }
    }
    @-webkit-keyframes spin2 {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(360deg); }
    }
Gewijzigd op 08/05/2012 14:49:12 door Robin S
 

08/05/2012 14:54:25
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
@-webkit-keyframes spin1 {
      from { -webkit-transform: rotateY(0); }
      to   { -webkit-transform: rotateY(-360deg); }
    }

    @-webkit-keyframes spin2 {
      from { -webkit-transform: rotateY(360deg); }
      to   { -webkit-transform: rotateY(JUISTE WAARDE INVULLEN, MET - ERVOOR); }
    }


Denk ik?
Gewijzigd op 08/05/2012 14:55:29 door
 
Robin S

Robin S

08/05/2012 15:09:56
Quote Anchor link
@Cailin: Helaas dat werkt niet, op die manier blijft de kubus steeds dezelfde kant opdraaien.
 
Jeroen VD

Jeroen VD

08/05/2012 15:34:49
Quote Anchor link
volgens dit : http://wouterj.nl/css/css3-slider/114/

zou dit moeten werken:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
#shape {
  -webkit-animation: spin 16s infinite linear;
}
@-webkit-keyframes spin {
  from { -webkit-transform: rotateY(0); }
  50%  { -webkit-transform: rotateY(360deg); }
  to   { -webkit-transform: rotateY(-360deg); }
}
 
Robin S

Robin S

08/05/2012 15:50:54
Quote Anchor link
Dit werkt jammer genoeg ook niet, de kubus springt nu weer eerst naar de begin positie en gaat vanuit daar pas de goede richting op draaien...
 
Jeroen VD

Jeroen VD

08/05/2012 15:56:01
Quote Anchor link
uuhm begrijp me niet verkeerd, maar is dat niet de bedoeling. als je een item 360 graden draait staat hij weer terug in beginpositie, en kan hij weer terug, toch?

online voorbeeldje misschien?
 
Wouter J

Wouter J

08/05/2012 16:11:53
Quote Anchor link
Robin zoekt waarschijnlijk dit: http://cssdesk.com/PRMvx (meteen even geoptimaliseerd met prefixr zodat het ook in Opera en FF werkt)

Jeroen, jou idee is goed. Alleen je gaat vanaf 0 (De basis) naar 360o en dan moet je weer terug naar 0 en niet naar -360o zoals jij nu doet.

Offtopic:
Je titel zegt [HTML] maar HTML is alleen maar voor het structureren van je tekst, bedoel je niet CSS?
Gewijzigd op 08/05/2012 16:50:29 door Wouter J
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.