« AngularJS | Main| Samsung 512 GB Micro SD Card »

AngularJS (2)

10
Category  
Heute bastele ich einen Color-Picker der etwas anderen Art.
Laßt Euch überraschen.....
R:

B:

G:

A:



<div ng-app="" ng-init="r=255;g=0;b=123;a=0.7">
   <input type="range" min=0 max=255 step=1 ng-model="r"/><br>
   <input type="range" min=0 max=255 step=1 ng-model="b"/><br/>
   <input type="range" min=0 max=255 step=1 ng-model="g"/><br>
   <input type="range" min=0 max=1 step="0.01" ng-model="a"/>
   <div style="width:300px; height:100px;background-color:rgba({{r}},{{g}},{{b}},{{a}});"/>
</div>

Viel Spaß!

Gruß JJR

Post A Comment

:-D:-o:-p:-x:-(:-):-\:angry::cool::cry::emb::grin::huh::laugh::lips::rolleyes:;-)

Amazon


Impressum

Firmenname: Peanuts-Soft
Straße Nummer: Biinger Strasse 8
PLZ Ort: 55263 Wackernheim
Telefon: +491772134526
E-Mail: joerg.reck @ peanuts-soft.de
Disclaimer: Peanuts-Soft übernimmt keine Garantie dafür, dass die auf dieser Website bereitgestellten Informationen vollständig, richtig und stets aktuell sind. Dies gilt auch für alle Links, auf die verwiesen wird. Peanuts-Soft ist für die Inhalte, auf die per Link verwiesen wird, nicht verantwortlich. Peanuts-Soft haftet nicht für konkrete, mittelbare und unmittelbare Schäden oder Schäden, die durch fehlende Nutzungsmöglichkeiten, Datenverluste oder entgangene Gewinne – sei es aufgrund der Nichteinhaltung vertraglicher Verpflichtungen, durch Fahrlässigkeit oder eine andere unerlaubte Handlung – im Zusammenhang mit der Nutzung von Dokumenten oder Informationen bzw. der Erbringung von Dienstleistungen entstehen, die auf dieser Web Site zugänglich sind.
Datenschutz: Inhalt und Gestaltung der Internetseiten sind urheberrechtlich geschützt. Eine Vervielfältigung der Seiten oder deren Inhalte bedarf der vorherigen schriftlichen Zustimmung von Peanuts-Soft.


Locations of visitors to this page

Powered By

Domino BlogSphere
Version 3.0.2